<template>
  <div class="system-role-container layout-padding">
    <div
      style="background: transparent; border: none"
      class="system-role-padding layout-padding-auto layout-padding-view"
    >
      <div class="icon_button_add">
        <div
          v-for="(item, index) in titleCheck"
          :key="index"
          :class="!item.check ? 'click_choose' : 'click_choose_no'"
        >
          <div class="no_choose" v-if="item.check">{{ item.name }}</div>
          <div v-else @click="pushData(item.name)">{{ item.name }}</div>
        </div>

        <div style="position: absolute" class="header_button">
          <el-button :icon="Operation" type="primary" size="small"
            >计算</el-button
          >
          <el-button :icon="ChatDotSquare" type="success" size="small"
            >生成计算书</el-button
          >
          <el-button :icon="Warning" type="danger" size="small"
            >生成质量清单</el-button
          >
          <el-button :icon="SuccessFilled" type="warning" size="small"
            >保存</el-button
          >
        </div>
      </div>

      <div class="flex_body">
        <div class="left_width_computer">
          <el-table
            @selection-change="handleSelectionChange_mytable"
            class="my-table"
            ref="TableRef"
            @row-click="rowClick"
            :currentRow="currentRow"
            highlight-current-row
            @current-change="handleCurrentChange"
            :header-cell-style="{ background: '#fafbfc', color: '#333333' }"
            size="small"
            :data="tableDataChooseData"
          >
            <el-table-column width="30" type="selection"></el-table-column>
            <el-table-column
              class-name="my_type_"
              prop="computerName"
              label="计算类型"
              width="180"
            />
            <el-table-column width="50" prop="status" label="状态">
              <template #default="scope">
                <div v-if="scope.row.status === 1">
                  <el-icon color="#0c7ce6">
                    <CircleCheck />
                  </el-icon>
                </div>
                <div v-if="scope.row.status === 0">
                  <el-icon color="red">
                    <CircleClose />
                  </el-icon>
                </div>
              </template>
            </el-table-column>
            <el-table-column width="50" label="操作">
              <template #default="scope">
                <el-button
                  @click="DELdATA(scope.row)"
                  v-if="scope.row.type !== '主体数据'"
                  text
                  size="small"
                  type="danger"
                >
                  删除
                </el-button>
                <el-button
                  disabled
                  v-if="scope.row.type === '主体数据'"
                  text
                  size="small"
                  type="danger"
                >
                  删除
                </el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>

        <div v-if="middelData.type === '主体数据'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="ZTsumbit" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames">
              <el-collapse-item title="设备信息" name="1">
                <div style="margin-top: 10px" class="boder_1">
                  <div>设备位号：</div>
                  <div>{{ middleForm.equip_unit_no }}</div>
                </div>

                <div class="boder_1">
                  <div>设备名称：</div>
                  <div>{{ middleForm.equip_name }}</div>
                </div>

                <div class="boder_1">
                  <div>设备图号：</div>
                  <div>{{ middleForm.equip_dwg_no }}</div>
                </div>
              </el-collapse-item>
              <el-collapse-item title="设计数据" name="2">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="middleForm"
                    class="demo-form-inline"
                  >
                    <el-form-item label="设计压力(Mpa)：">
                      <el-input
                        v-model="middleForm.design_pressure"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="设计外压力(Mpa)：">
                      <el-input
                        v-model="middleForm.design_external_pressure"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="设计温度(℃)：">
                      <el-input
                        @change="ChangeCom"
                        v-model="middleForm.design_temp"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="料仓内直径(mm)：">
                      <el-input
                        v-model="middleForm.inner_diameter"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="固体物料类型：">
                      <el-input
                        v-model="middleForm.solid_material_type"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="物料堆积密度(kg/m3)：">
                      <el-input
                        v-model="middleForm.material_bulk_density"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="物料堆积高度(mm)：">
                      <el-input
                        v-model="middleForm.material_pile_height"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="仓顶附加质量(kg)：">
                      <el-input
                        v-model="middleForm.silo_top_additional_mass"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="物料内摩擦角的最小值:">
                      <template #label>
                        <div style="display: flex; align-items: center">
                          <span> 物料内摩擦角的最小值： </span>
                          <el-popover
                            placement="right"
                            :width="800"
                            trigger="hover"
                          >
                            <template #reference>
                              <el-icon>
                                <Warning />
                              </el-icon>
                            </template>
                            <el-table size="small" height="900" :data="TableMc">
                              <el-table-column
                                width="300"
                                show-overflow-tooltip
                                property="name"
                                label="名称"
                              />
                              <el-table-column
                                align="center"
                                property="density"
                                label="重力密度 (kN/m3)"
                              />

                              <el-table-column
                                align="center"
                                property="internal_friction_angle"
                                label="内摩擦角 (°）"
                              />
                              <el-table-column label="摩擦系数">
                                <el-table-column
                                  align="center"
                                  property="concrete_plate_friction_angle"
                                  label="对混凝土板"
                                >
                                </el-table-column>
                                <el-table-column
                                  align="center"
                                  property="steel_plate_friction"
                                  label="对钢板"
                                >
                                </el-table-column>
                              </el-table-column>
                            </el-table>
                          </el-popover>
                        </div>
                      </template>
                      <el-input
                        v-model="
                          middleForm.material_internal_friction_min_angle
                        "
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="物料与壳体壁面的摩擦角:">
                      <template #label>
                        <div style="display: flex; align-items: center">
                          <span> 物料与壳体壁面的摩擦角: </span>
                          <el-popover
                            placement="right"
                            :width="800"
                            trigger="hover"
                          >
                            <template #reference>
                              <el-icon>
                                <Warning />
                              </el-icon>
                            </template>
                            <el-table size="small" height="900" :data="TableMc">
                              <el-table-column
                                width="300"
                                show-overflow-tooltip
                                property="name"
                                label="名称"
                              />
                              <el-table-column
                                align="center"
                                property="density"
                                label="重力密度 (kN/m3)"
                              />

                              <el-table-column
                                align="center"
                                property="internal_friction_angle"
                                label="内摩擦角 (°）"
                              />
                              <el-table-column label="摩擦系数">
                                <el-table-column
                                  align="center"
                                  property="concrete_plate_friction_angle"
                                  label="对混凝土板"
                                >
                                </el-table-column>
                                <el-table-column
                                  align="center"
                                  property="steel_plate_friction"
                                  label="对钢板"
                                >
                                </el-table-column>
                              </el-table-column>
                            </el-table>
                          </el-popover>
                        </div>
                      </template>
                      <el-input
                        v-model="
                          middleForm.material_and_shellwall_friction_angle
                        "
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="物料与料仓间的摩擦系数：">
                      <el-input
                        disabled
                        v-model="middleForm.material_and_silo_friction_factor"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="压力试验类型：">
                      <el-input
                        v-model="middleForm.pressure_test_type"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="设备安装高度(mm)：">
                      <el-input
                        v-model="middleForm.equipment_install_height"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>
          </div>
        </div>

        <div v-if="middelData.type === '筒体'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="submitTT()" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames_1">
              <el-collapse-item title="设计参数" name="1">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="barrelDataTT"
                    class="demo-form-inline"
                  >
                    <el-form-item label="仓壳圆筒内直径(mm)：">
                      <el-input
                        disabled
                        v-model="middleForm.inner_diameter"
                        placeholder="请输入"
                        clearable
                      />
                      <!-- <el-input disabled v-model="barrelDataTT.inner_diameter" placeholder="继承自主体直径" clearable /> -->
                    </el-form-item>

                    <!-- <el-form-item label="腐蚀裕量：">
                      <el-input v-model="barrelDataTT.corrosion_allowance" placeholder="请输入" clearable />
                    </el-form-item>

                    <el-form-item label="附加载荷：">
                      <el-input v-model="barrelDataTT.additional_load" placeholder="请输入" clearable />
                    </el-form-item> -->
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>

            <div class="content_text">
              <el-form
                style="width: 100%"
                label-position="left"
                label-width="173px"
                size="small"
                :model="barrelDataTT"
                class="demo-form-inline"
              >
                <el-form-item label="筒体分层数：">
                  <el-input
                    @change="(num) => changeNumFn(num)"
                    v-model="barrelDataTT.layer_count"
                    type="number"
                    placeholder="请输入"
                  />
                </el-form-item>

                <el-form-item label="筒体总高度(mm)：">
                  <el-input
                    disabled
                    v-model="barrelDataTT.height"
                    placeholder="请输入"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div class="bottom_for">
              <el-collapse
                v-if="barrelDataForTT.length > 0"
                class="my_collapse23"
                v-model="activeNames_2"
              >
                <el-collapse-item
                  :class="`${item.data.index}_item`"
                  v-for="(item, index) in barrelDataForTT"
                  :key="item"
                  :title="`筒体${index + 1}`"
                  :name="index"
                >
                  <template #title>
                    <div class="ppo_s">
                      {{ `筒体${index + 1}` }}

                      <div @click.stop="closeFn(item, index)" class="ab_text">
                        <el-icon color="red">
                          <CircleClose />
                        </el-icon>
                      </div>
                    </div>
                  </template>
                  <div style="padding-right: 20px">
                    <el-form
                      label-position="left"
                      label-width="173px"
                      size="small"
                      :model="barrelDataTT"
                      class="demo-form-inline"
                    >
                      <el-form-item label="材料类别：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_class"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '碳素钢',
                                label: '碳素钢',
                              },
                              {
                                value: '高合金钢',
                                label: '高合金钢',
                              },
                              {
                                value: '低合金钢',
                                label: '低合金钢',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料类型：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_type"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '板材',
                                label: '板材',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料标准号：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_standard"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'GB/T 3274-2017',
                                label: 'GB/T 3274-2017',
                              },
                              {
                                value: 'GB/T 4237-2015',
                                label: 'GB/T 4237-2015',
                              },
                              {
                                value: 'GB/T 713.7-2023',
                                label: 'GB/T 713.7-2023',
                              },
                              {
                                value: 'GB/T 713.2-2023',
                                label: 'GB/T 713.2-2023',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料牌号：">
                        <el-select
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_code"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'Q235B',
                                label: 'Q235B',
                              },
                              {
                                value: 'S30408',
                                label: 'S30408',
                              },
                              {
                                value: 'Q345R',
                                label: 'Q345R',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="预估厚度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          v-model="item.data.estimated_thickness"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="腐(磨)蚀裕量：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.wear_corrosion_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度负偏差：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.thickness_negative_deviation"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="焊接接头系数：">
                        <el-input
                          @pointerdown.stop
                          v-model="item.data.weld_joint_efficiency"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="层板宽度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => addHeight(data, item)"
                          v-model="item.data.plate_width"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度附加量：">
                        <el-input
                          disabled
                          v-model="item.data.thickness_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下许用应力(N)：">
                        <el-input
                          disabled
                          v-model="item.data.allowable_stress"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下屈服强度：">
                        <el-input
                          disabled
                          v-model="item.data.yield_strength"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下的弹性模量：">
                        <el-input
                          disabled
                          v-model="item.data.elastic_modulus"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="是否有加强筋：">
                        <el-select
                          @pointerdown.stop
                          placeholder="请选择"
                          v-model="item.data.has_stiffener"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: true,
                                label: '有',
                              },
                              {
                                value: false,
                                label: '无',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <div
                        style="border: 1px solid #eee; margin: 10px 0px"
                      ></div>

                      <div v-if="item.data.has_stiffener">
                        <el-form-item label="加强筋材料类别：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_class"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '碳素钢',
                                  label: '碳素钢',
                                },
                                {
                                  value: '高合金钢',
                                  label: '高合金钢',
                                },
                                {
                                  value: '低合金钢',
                                  label: '低合金钢',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料类型：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_type"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '板材',
                                  label: '板材',
                                },
                                {
                                  value: '锻件',
                                  label: '锻件',
                                },
                                {
                                  value: '管材',
                                  label: '管材',
                                },
                                {
                                  value: '螺柱',
                                  label: '螺柱',
                                },
                                {
                                  value: '型材',
                                  label: '型材',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料标准号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_standard"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'GB/T 3274-2017',
                                  label: 'GB/T 3274-2017',
                                },
                                {
                                  value: 'GB/T 713.2-2023',
                                  label: 'GB/T 713.2-2023',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料牌号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_code"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'Q235C',
                                  label: 'Q235C',
                                },
                                {
                                  value: 'Q235B',
                                  label: 'Q235B',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋型钢规格：">
                          <el-input
                            @pointerdown.stop
                            disabled
                            placeholder="请选择"
                            v-model="item.data.stiffener_steel_spec"
                            style="width: 64%"
                          >
                          </el-input>
                          <el-button
                            @click="(data) => click_dio_spec(data, item)"
                            style="margin-left: 5px; width: 30%"
                            size="small"
                            type="warning"
                            >选择</el-button
                          >
                        </el-form-item>

                        <el-form-item label="加强筋L方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_L_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>

                        <el-form-item label="加强筋W方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_W_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>
                      </div>
                    </el-form>
                  </div>
                </el-collapse-item>
              </el-collapse>

              <div
                v-if="!(barrelDataForTT.length > 0)"
                style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #ccc;
                  font-weight: bolder;
                  height: 100%;
                  font-size: 20px;
                "
              >
                请输入分层数
              </div>
            </div>
          </div>
        </div>

        <div v-if="middelData.type === '锥顶'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="submitZT()" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames_1_ZT">
              <el-collapse-item title="设计参数" name="1">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="localsolidSiloConeTopData"
                    class="demo-form-inline"
                  >
                    <el-form-item label="锥顶内直径(mm)：">
                      <el-input
                        disabled
                        v-model="middleForm.inner_diameter"
                        placeholder="请输入"
                        clearable
                      />
                      <!-- <el-input v-model="localsolidSiloConeTopData.inner_diameter" placeholder="请输入" clearable /> -->
                    </el-form-item>

                    <el-form-item label="锥顶半顶角(°)：">
                      <el-input
                        v-model="localsolidSiloConeTopData.half_angle"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <!-- <el-form-item label="腐蚀裕量：">
            <el-input v-model="barrelDataTT.corrosion_allowance" placeholder="请输入" clearable />
          </el-form-item>

          <el-form-item label="附加载荷：">
            <el-input v-model="barrelDataTT.additional_load" placeholder="请输入" clearable />
          </el-form-item> -->
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>

            <div class="content_text">
              <el-form
                style="width: 100%"
                label-position="left"
                label-width="173px"
                size="small"
                :model="localsolidSiloConeTopData"
                class="demo-form-inline"
              >
                <el-form-item label="锥顶分层数：">
                  <el-input
                    class="my_num_s"
                    max="1"
                    @change="(num) => changeNumFnZT(num)"
                    v-model="localsolidSiloConeTopData.layer_count"
                    type="number"
                    placeholder="请输入"
                  />
                </el-form-item>

                <el-form-item label="锥顶总高度(mm)：">
                  <el-input
                    disabled
                    v-model="localsolidSiloConeTopData.height"
                    placeholder="请输入"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div class="bottom_forZT">
              <el-collapse
                v-if="localSolidSiloConeTopPartDatas.length > 0"
                class="my_collapse23"
                v-model="activeNames_2_ZT"
              >
                <el-collapse-item
                  :class="`${item.data.index}_item`"
                  v-for="(item, index) in localSolidSiloConeTopPartDatas"
                  :key="item"
                  :title="`锥顶${index + 1}`"
                  :name="index"
                >
                  <template #title>
                    <div class="ppo_s">
                      {{ `锥顶${index + 1}` }}

                      <div @click.stop="closeFnZT(item, index)" class="ab_text">
                        <el-icon color="red">
                          <CircleClose />
                        </el-icon>
                      </div>
                    </div>
                  </template>
                  <div style="padding-right: 20px">
                    <el-form
                      label-position="left"
                      label-width="173px"
                      size="small"
                      class="demo-form-inline"
                    >
                      <el-form-item label="材料类别：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_class"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '碳素钢',
                                label: '碳素钢',
                              },
                              {
                                value: '高合金钢',
                                label: '高合金钢',
                              },
                              {
                                value: '低合金钢',
                                label: '低合金钢',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料类型：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_type"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '板材',
                                label: '板材',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料标准号：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_standard"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'GB/T 3274-2017',
                                label: 'GB/T 3274-2017',
                              },
                              {
                                value: 'GB/T 4237-2015',
                                label: 'GB/T 4237-2015',
                              },
                              {
                                value: 'GB/T 713.7-2023',
                                label: 'GB/T 713.7-2023',
                              },
                              {
                                value: 'GB/T 713.2-2023',
                                label: 'GB/T 713.2-2023',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料牌号：">
                        <el-select
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_code"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'Q235B',
                                label: 'Q235B',
                              },
                              {
                                value: 'S30408',
                                label: 'S30408',
                              },
                              {
                                value: 'Q345R',
                                label: 'Q345R',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="预估厚度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          v-model="item.data.estimated_thickness"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="腐(磨)蚀裕量：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.wear_corrosion_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度负偏差：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.thickness_negative_deviation"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="焊接接头系数：">
                        <el-input
                          @pointerdown.stop
                          v-model="item.data.weld_joint_efficiency"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="层板宽度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => addHeightZT(data, item)"
                          v-model="item.data.plate_width"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度附加量：">
                        <el-input
                          disabled
                          v-model="item.data.thickness_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下许用应力：">
                        <el-input
                          disabled
                          v-model="item.data.allowable_stress"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下屈服强度：">
                        <el-input
                          disabled
                          v-model="item.data.yield_strength"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下的弹性模量：">
                        <el-input
                          disabled
                          v-model="item.data.elastic_modulus"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="是否有加强筋：">
                        <el-select
                          @pointerdown.stop
                          placeholder="请选择"
                          v-model="item.data.has_stiffener"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: true,
                                label: '有',
                              },
                              {
                                value: false,
                                label: '无',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <div
                        style="border: 1px solid #eee; margin: 10px 0px"
                      ></div>

                      <div v-if="item.data.has_stiffener">
                        <el-form-item label="加强筋材料类别：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_class"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '碳素钢',
                                  label: '碳素钢',
                                },
                                {
                                  value: '高合金钢',
                                  label: '高合金钢',
                                },
                                {
                                  value: '低合金钢',
                                  label: '低合金钢',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料类型：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_type"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '板材',
                                  label: '板材',
                                },
                                {
                                  value: '锻件',
                                  label: '锻件',
                                },
                                {
                                  value: '管材',
                                  label: '管材',
                                },
                                {
                                  value: '螺柱',
                                  label: '螺柱',
                                },
                                {
                                  value: '型材',
                                  label: '型材',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料标准号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_standard"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'GB/T 3274-2017',
                                  label: 'GB/T 3274-2017',
                                },
                                {
                                  value: 'GB/T 713.2-2023',
                                  label: 'GB/T 713.2-2023',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料牌号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_code"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'Q235C',
                                  label: 'Q235C',
                                },
                                {
                                  value: 'Q235B',
                                  label: 'Q235B',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋型钢规格：">
                          <el-input
                            @pointerdown.stop
                            disabled
                            placeholder="请选择"
                            v-model="item.data.stiffener_steel_spec"
                            style="width: 64%"
                          >
                          </el-input>
                          <el-button
                            @click="(data) => click_dio_spec(data, item)"
                            style="margin-left: 5px; width: 30%"
                            size="small"
                            type="warning"
                            >选择</el-button
                          >
                        </el-form-item>

                        <el-form-item label="加强筋L方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_L_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>

                        <el-form-item label="加强筋W方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_W_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>
                      </div>
                    </el-form>
                  </div>
                </el-collapse-item>
              </el-collapse>

              <div
                v-if="!(localSolidSiloConeTopPartDatas.length > 0)"
                style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #ccc;
                  font-weight: bolder;
                  height: 100%;
                  font-size: 20px;
                "
              >
                请输入分层数
              </div>
            </div>
          </div>
        </div>

        <div v-if="middelData.type === '锥底'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="submitZD()" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames_1_ZD">
              <el-collapse-item title="设计参数" name="1">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="localSolidSiloConeBottomData"
                    class="demo-form-inline"
                  >
                    <el-form-item label="锥底内直径(mm)：">
                      <el-input
                        disabled
                        v-model="middleForm.inner_diameter"
                        placeholder="请输入"
                        clearable
                      />
                      <!-- <el-input v-model="localSolidSiloConeBottomData.inner_diameter" placeholder="请输入" clearable /> -->
                    </el-form-item>

                    <el-form-item label="锥底半顶角(°)：">
                      <el-input
                        v-model="localSolidSiloConeBottomData.half_angle"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <!-- <el-form-item label="腐蚀裕量：">
  <el-input v-model="barrelDataTT.corrosion_allowance" placeholder="请输入" clearable />
</el-form-item>

<el-form-item label="附加载荷：">
  <el-input v-model="barrelDataTT.additional_load" placeholder="请输入" clearable />
</el-form-item> -->
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>

            <div class="content_text">
              <el-form
                style="width: 100%"
                label-position="left"
                label-width="173px"
                size="small"
                :model="localsolidSiloConeTopData"
                class="demo-form-inline"
              >
                <el-form-item label="锥底分层数：">
                  <el-input
                    @change="(num) => changeNumFnZD(num)"
                    v-model="localSolidSiloConeBottomData.layer_count"
                    type="number"
                    placeholder="请输入"
                  />
                </el-form-item>

                <el-form-item label="锥底总高度(mm)：">
                  <el-input
                    disabled
                    v-model="localSolidSiloConeBottomData.height"
                    placeholder="请输入"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div class="bottom_forZT">
              <el-collapse
                v-if="localSolidSiloConeBottomPartDatas.length > 0"
                class="my_collapse23"
                v-model="activeNames_2_ZT"
              >
                <el-collapse-item
                  :class="`${item.data.index}_item`"
                  v-for="(item, index) in localSolidSiloConeBottomPartDatas"
                  :key="item"
                  :title="`锥底${index + 1}`"
                  :name="index"
                >
                  <template #title>
                    <div class="ppo_s">
                      {{ `锥底${index + 1}` }}

                      <div @click.stop="closeFnZD(item, index)" class="ab_text">
                        <el-icon color="red">
                          <CircleClose />
                        </el-icon>
                      </div>
                    </div>
                  </template>
                  <div style="padding-right: 20px">
                    <el-form
                      label-position="left"
                      label-width="173px"
                      size="small"
                      class="demo-form-inline"
                    >
                      <el-form-item label="材料类别：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_class"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '碳素钢',
                                label: '碳素钢',
                              },
                              {
                                value: '高合金钢',
                                label: '高合金钢',
                              },
                              {
                                value: '低合金钢',
                                label: '低合金钢',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料类型：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_type"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '板材',
                                label: '板材',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料标准号：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_standard"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'GB/T 3274-2017',
                                label: 'GB/T 3274-2017',
                              },
                              {
                                value: 'GB/T 4237-2015',
                                label: 'GB/T 4237-2015',
                              },
                              {
                                value: 'GB/T 713.7-2023',
                                label: 'GB/T 713.7-2023',
                              },
                              {
                                value: 'GB/T 713.2-2023',
                                label: 'GB/T 713.2-2023',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料牌号：">
                        <el-select
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_code"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'Q235B',
                                label: 'Q235B',
                              },
                              {
                                value: 'S30408',
                                label: 'S30408',
                              },
                              {
                                value: 'Q345R',
                                label: 'Q345R',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="预估厚度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          v-model="item.data.estimated_thickness"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="腐(磨)蚀裕量：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.wear_corrosion_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度负偏差：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.thickness_negative_deviation"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="焊接接头系数：">
                        <el-input
                          @pointerdown.stop
                          v-model="item.data.weld_joint_efficiency"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="层板宽度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => addHeightZD(data, item)"
                          v-model="item.data.plate_width"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度附加量：">
                        <el-input
                          disabled
                          v-model="item.data.thickness_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下许用应力：">
                        <el-input
                          disabled
                          v-model="item.data.allowable_stress"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下屈服强度：">
                        <el-input
                          disabled
                          v-model="item.data.yield_strength"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下的弹性模量：">
                        <el-input
                          disabled
                          v-model="item.data.elastic_modulus"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="是否有加强筋：">
                        <el-select
                          @pointerdown.stop
                          placeholder="请选择"
                          v-model="item.data.has_stiffener"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: true,
                                label: '有',
                              },
                              {
                                value: false,
                                label: '无',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <div
                        style="border: 1px solid #eee; margin: 10px 0px"
                      ></div>

                      <div v-if="item.data.has_stiffener">
                        <el-form-item label="加强筋材料类别：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_class"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '碳素钢',
                                  label: '碳素钢',
                                },
                                {
                                  value: '高合金钢',
                                  label: '高合金钢',
                                },
                                {
                                  value: '低合金钢',
                                  label: '低合金钢',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料类型：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_type"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '板材',
                                  label: '板材',
                                },
                                {
                                  value: '锻件',
                                  label: '锻件',
                                },
                                {
                                  value: '管材',
                                  label: '管材',
                                },
                                {
                                  value: '螺柱',
                                  label: '螺柱',
                                },
                                {
                                  value: '型材',
                                  label: '型材',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料标准号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_standard"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'GB/T 3274-2017',
                                  label: 'GB/T 3274-2017',
                                },
                                {
                                  value: 'GB/T 713.2-2023',
                                  label: 'GB/T 713.2-2023',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料牌号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_code"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'Q235C',
                                  label: 'Q235C',
                                },
                                {
                                  value: 'Q235B',
                                  label: 'Q235B',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋型钢规格：">
                          <el-input
                            @pointerdown.stop
                            disabled
                            placeholder="请选择"
                            v-model="item.data.stiffener_steel_spec"
                            style="width: 64%"
                          >
                          </el-input>
                          <el-button
                            @click="(data) => click_dio_spec(data, item)"
                            style="margin-left: 5px; width: 30%"
                            size="small"
                            type="warning"
                            >选择</el-button
                          >
                        </el-form-item>

                        <el-form-item label="加强筋L方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_L_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>

                        <el-form-item label="加强筋W方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_W_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>
                      </div>
                    </el-form>
                  </div>
                </el-collapse-item>
              </el-collapse>

              <div
                v-if="!(localSolidSiloConeBottomPartDatas.length > 0)"
                style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #ccc;
                  font-weight: bolder;
                  height: 100%;
                  font-size: 20px;
                "
              >
                请输入分层数
              </div>
            </div>
          </div>
        </div>

        <div v-if="middelData.type === '裙座'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="submitQZ()" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames_1_QZ">
              <el-collapse-item title="设计参数" name="1">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="localsolidSiloSkirtData"
                    class="demo-form-inline"
                  >
                    <el-form-item label="裙座内直径(mm)：">
                      <el-input
                        disabled
                        v-model="middleForm.inner_diameter"
                        placeholder="请输入"
                        clearable
                      />
                      <!-- <el-input v-model="localSolidSiloConeBottomData.inner_diameter" placeholder="请输入" clearable /> -->
                    </el-form-item>

                    <!-- <el-form-item label="腐蚀裕量：">
  <el-input v-model="barrelDataTT.corrosion_allowance" placeholder="请输入" clearable />
</el-form-item>

<el-form-item label="附加载荷：">
  <el-input v-model="barrelDataTT.additional_load" placeholder="请输入" clearable />
</el-form-item> -->
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>

            <div class="content_text">
              <el-form
                style="width: 100%"
                label-position="left"
                label-width="173px"
                size="small"
                :model="localsolidSiloSkirtData"
                class="demo-form-inline"
              >
                <el-form-item label="裙座分层数：">
                  <el-input
                    @change="(num) => changeNumFnQZ(num)"
                    v-model="localsolidSiloSkirtData.layer_count"
                    type="number"
                    placeholder="请输入"
                  />
                </el-form-item>

                <el-form-item label="裙座总高度(mm)：">
                  <el-input
                    disabled
                    v-model="localsolidSiloSkirtData.height"
                    placeholder="请输入"
                  />
                </el-form-item>
              </el-form>
            </div>

            <div class="bottom_forZT">
              <el-collapse
                v-if="localSolidSiloSkirtPartDatas.length > 0"
                class="my_collapse23"
                v-model="activeNames_2_QZ"
              >
                <el-collapse-item
                  :class="`${item.data.index}_item`"
                  v-for="(item, index) in localSolidSiloSkirtPartDatas"
                  :key="item"
                  :title="`裙座${index + 1}`"
                  :name="index"
                >
                  <template #title>
                    <div class="ppo_s">
                      {{ `裙座${index + 1}` }}

                      <div @click.stop="closeFnQZ(item, index)" class="ab_text">
                        <el-icon color="red">
                          <CircleClose />
                        </el-icon>
                      </div>
                    </div>
                  </template>
                  <div style="padding-right: 20px">
                    <el-form
                      label-position="left"
                      label-width="173px"
                      size="small"
                      class="demo-form-inline"
                    >
                      <el-form-item label="材料类别：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_class"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '碳素钢',
                                label: '碳素钢',
                              },
                              {
                                value: '高合金钢',
                                label: '高合金钢',
                              },
                              {
                                value: '低合金钢',
                                label: '低合金钢',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料类型：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_type"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: '板材',
                                label: '板材',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料标准号：">
                        <el-select
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_standard"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'GB/T 3274-2017',
                                label: 'GB/T 3274-2017',
                              },
                              {
                                value: 'GB/T 4237-2015',
                                label: 'GB/T 4237-2015',
                              },
                              {
                                value: 'GB/T 713.7-2023',
                                label: 'GB/T 713.7-2023',
                              },
                              {
                                value: 'GB/T 713.2-2023',
                                label: 'GB/T 713.2-2023',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="材料牌号：">
                        <el-select
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          placeholder="请选择"
                          v-model="item.data.material_code"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: 'Q235B',
                                label: 'Q235B',
                              },
                              {
                                value: 'S30408',
                                label: 'S30408',
                              },
                              {
                                value: 'Q345R',
                                label: 'Q345R',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <el-form-item label="预估厚度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeThickness(data, item)"
                          v-model="item.data.estimated_thickness"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="腐(磨)蚀裕量：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.wear_corrosion_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度负偏差：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => changeFn(data, item)"
                          v-model="item.data.thickness_negative_deviation"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="焊接接头系数：">
                        <el-input
                          @pointerdown.stop
                          v-model="item.data.weld_joint_efficiency"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="层板宽度(mm)：">
                        <el-input
                          @pointerdown.stop
                          @change="(data) => addHeightQZ(data, item)"
                          v-model="item.data.plate_width"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="厚度附加量：">
                        <el-input
                          disabled
                          v-model="item.data.thickness_allowance"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下许用应力：">
                        <el-input
                          disabled
                          v-model="item.data.allowable_stress"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下屈服强度：">
                        <el-input
                          disabled
                          v-model="item.data.yield_strength"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="设计温度下的弹性模量：">
                        <el-input
                          disabled
                          v-model="item.data.elastic_modulus"
                          placeholder="请输入"
                        />
                      </el-form-item>

                      <el-form-item label="是否有加强筋：">
                        <el-select
                          @pointerdown.stop
                          placeholder="请选择"
                          v-model="item.data.has_stiffener"
                          style="width: 100%"
                        >
                          <el-option
                            v-for="item in [
                              {
                                value: true,
                                label: '有',
                              },
                              {
                                value: false,
                                label: '无',
                              },
                            ]"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value"
                          ></el-option>
                        </el-select>
                      </el-form-item>

                      <div
                        style="border: 1px solid #eee; margin: 10px 0px"
                      ></div>

                      <div v-if="item.data.has_stiffener">
                        <el-form-item label="加强筋材料类别：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_class"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '碳素钢',
                                  label: '碳素钢',
                                },
                                {
                                  value: '高合金钢',
                                  label: '高合金钢',
                                },
                                {
                                  value: '低合金钢',
                                  label: '低合金钢',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料类型：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_type"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: '板材',
                                  label: '板材',
                                },
                                {
                                  value: '锻件',
                                  label: '锻件',
                                },
                                {
                                  value: '管材',
                                  label: '管材',
                                },
                                {
                                  value: '螺柱',
                                  label: '螺柱',
                                },
                                {
                                  value: '型材',
                                  label: '型材',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料标准号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_standard"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'GB/T 3274-2017',
                                  label: 'GB/T 3274-2017',
                                },
                                {
                                  value: 'GB/T 713.2-2023',
                                  label: 'GB/T 713.2-2023',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋材料牌号：">
                          <el-select
                            @pointerdown.stop
                            placeholder="请选择"
                            v-model="item.data.stiffener_material_code"
                            style="width: 100%"
                          >
                            <el-option
                              v-for="item in [
                                {
                                  value: 'Q235C',
                                  label: 'Q235C',
                                },
                                {
                                  value: 'Q235B',
                                  label: 'Q235B',
                                },
                              ]"
                              :key="item.value"
                              :label="item.label"
                              :value="item.value"
                            ></el-option>
                          </el-select>
                        </el-form-item>

                        <el-form-item label="加强筋型钢规格：">
                          <el-input
                            @pointerdown.stop
                            disabled
                            placeholder="请选择"
                            v-model="item.data.stiffener_steel_spec"
                            style="width: 64%"
                          >
                          </el-input>
                          <el-button
                            @click="(data) => click_dio_spec(data, item)"
                            style="margin-left: 5px; width: 30%"
                            size="small"
                            type="warning"
                            >选择</el-button
                          >
                        </el-form-item>

                        <el-form-item label="加强筋L方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_L_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>

                        <el-form-item label="加强筋W方向间距(mm)：">
                          <el-input
                            @pointerdown.stop
                            placeholder="请输入"
                            v-model="item.data.stiffener_W_direction_spacing"
                            style="width: 100%"
                          >
                          </el-input>
                        </el-form-item>
                      </div>
                    </el-form>
                  </div>
                </el-collapse-item>
              </el-collapse>

              <div
                v-if="!(localSolidSiloSkirtPartDatas.length > 0)"
                style="
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  color: #ccc;
                  font-weight: bolder;
                  height: 100%;
                  font-size: 20px;
                "
              >
                请输入分层数
              </div>
            </div>
          </div>
        </div>

        <div v-if="middelData.type === '支座'" class="middle_data_body">
          <div class="posi_btn">
            <el-button @click="ZZsumbit" type="primary" size="small"
              >提交</el-button
            >
          </div>
          <div class="title">
            {{ middelData.computerName }}
          </div>

          <div style="position: relative" class="my_collapse">
            <el-collapse class="my_collapse" v-model="activeNames">
              <el-collapse-item title="基础设计数据" name="1">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="designDatas"
                    class="demo-form-inline"
                  >
                    <el-form-item label="地震设防烈度:">
                      <el-select
                        placeholder="请选择"
                        v-model="designDatas.seismic_design_intensity"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: '6',
                              label: '6度',
                            },
                            {
                              value: '7',
                              label: '7度',
                            },
                            {
                              value: '8',
                              label: '8度',
                            },
                            {
                              value: '9',
                              label: '9度',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="设计基本地震加速度:">
                      <el-select
                        placeholder="请选择"
                        v-model="designDatas.design_basic_seismic_acceleration"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: '0.05g',
                              label: '0.05g',
                            },
                            {
                              value: '0.1g',
                              label: '0.1g',
                            },
                            {
                              value: '0.15g',
                              label: '0.15g',
                            },
                            {
                              value: '0.2g',
                              label: '0.2g',
                            },
                            {
                              value: '0.3g',
                              label: '0.3g',
                            },
                            {
                              value: '0.4g',
                              label: '0.4g',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="场地土类别:">
                      <el-select
                        placeholder="请选择"
                        v-model="designDatas.site_soil_class"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: 'Ⅰ类',
                              label: 'Ⅰ类',
                            },
                            {
                              value: 'Ⅱ类',
                              label: 'Ⅱ类',
                            },
                            {
                              value: 'Ⅲ类',
                              label: 'Ⅲ类',
                            },
                            {
                              value: 'Ⅳ类',
                              label: 'Ⅳ类',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="设计地震分组:">
                      <el-select
                        placeholder="请选择"
                        v-model="designDatas.design_earthquake_group"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: '第一组',
                              label: '第一组',
                            },
                            {
                              value: '第二组',
                              label: '第二组',
                            },
                            {
                              value: '第三组',
                              label: '第三组',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="地面粗糙度类别:">
                      <el-select
                        placeholder="请选择"
                        v-model="designDatas.ground_roughness"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: 'A类',
                              label: 'A类',
                            },
                            {
                              value: 'B类',
                              label: 'B类',
                            },
                            {
                              value: 'C类',
                              label: 'C类',
                            },
                            {
                              value: 'D类',
                              label: 'D类',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="基本风压值:">
                      <el-input
                        v-model="designDatas.basic_wind_pressure"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="雪载荷:">
                      <el-input
                        v-model="designDatas.snow_load"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>
                  </el-form>
                </div>
              </el-collapse-item>

              <el-collapse-item title="设计数据" name="2">
                <div class="form_lls">
                  <el-form
                    label-position="left"
                    label-width="173px"
                    size="small"
                    :model="localsolidSiloSupportData"
                    class="demo-form-inline"
                  >
                    <el-form-item label="支座类型:">
                      <el-select
                        placeholder="请选择"
                        v-model="localsolidSiloSupportData.support_type"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: '裙式支座',
                              label: '裙式支座',
                            },
                            {
                              value: '短裙式支座',
                              label: '短裙式支座',
                            },
                            {
                              value: '刚性环支座',
                              label: '刚性环支座',
                            },
                            {
                              value: '耳式支座',
                              label: '耳式支座',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="物料特性:">
                      <el-select
                        placeholder="请选择"
                        v-model="localsolidSiloSupportData.material_property"
                        style="width: 100%"
                      >
                        <el-option
                          v-for="item in [
                            {
                              value: 1,
                              label: '一般料仓，不存储危险物料-(1)',
                            },
                            {
                              value: 1.1,
                              label: '大、中型料仓，存储危险物料-(1.1)',
                            },
                            {
                              value: 1.2,
                              label:
                                '存储危险物料，失效后有发生二次灾害的可能-(1.2)',
                            },
                          ]"
                          :key="item.value"
                          :label="item.label"
                          :value="item.value"
                        ></el-option>
                      </el-select>
                    </el-form-item>

                    <el-form-item label="阻尼比:">
                      <el-input
                        v-model="localsolidSiloSupportData.damping_ratio"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="人孔位置高度(mm):">
                      <el-input
                        v-model="localsolidSiloSupportData.manhole_height"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="重力加速度(g):">
                      <el-input
                        v-model="localsolidSiloSupportData.acceleration"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="地震影响系数最大值:">
                      <el-input
                        disabled
                        v-model="
                          localsolidSiloSupportDataCom.damping_adiustment_factor
                        "
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="阻尼调整系数:">
                      <el-input
                        disabled
                        v-model="localsolidSiloSupportDataCom.ZNTZXS"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="地震影响系数:">
                      <el-input
                        disabled
                        v-model="localsolidSiloSupportDataCom.DZYX"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>

                    <el-form-item label="料仓总水平地震力(N):">
                      <el-input
                        disabled
                        v-model="localsolidSiloSupportDataCom.LCZSP"
                        placeholder="请输入"
                        clearable
                      />
                    </el-form-item>
                  </el-form>
                </div>
              </el-collapse-item>
            </el-collapse>
          </div>
        </div>

        <div v-if="middelData.type === ''" class="middle_data_body">
          <div class="middle_data_body_left">请选择左侧数据</div>
        </div>

        <div class="right_body_side">
          <div class="CAD_VIEW">
            <Cad v-show="showCad" :propsObj="propsObj"></Cad>
          </div>

          <div v-show="showCad" class="botton_table_side">
            <el-scrollbar height="100%">
              <el-tabs
                type="border-card"
                v-model="pane_active"
                class="demo-tabs"
              >
                <el-tab-pane label="料仓质量" name="料仓质量">
                  <div class="table_pane">
                    <div class="table_warp">
                      <div class="all_table">
                        <div class="row height_32 font_weight flex_center">
                          料仓质量汇总
                        </div>
                        <div class="up_table flex">
                          <div style="width: 100%">
                            <div style="width: 100%" class="flex">
                              <div
                                style="height: 50px"
                                class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                截面段号 i
                              </div>
                              <div
                                style="height: 50px"
                                class="width_2_2 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                位置
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>层板宽度</div>
                                <div>mm</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>预估厚度</div>
                                <div>δ</div>
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_4_4 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>仓壳质量</div>
                                <div>mo1</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_6_6 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>平台扶梯质量</div>
                                <div>mo2 (kg)</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_7_7 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>操作物料质量</div>
                                <div>mo3 (kg)</div>
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_8_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>附件质量</div>
                                <div>ma (kg)</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_10_10 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>第i段操作质量</div>
                                <div>mi (kg)</div>
                              </div>

                              <div
                                style="height: 50px"
                                class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                              >
                                查询名称
                              </div>
                            </div>
                            <div
                              v-if="topTableData.length !== 0"
                              class="border_bottom_2"
                            >
                              <div
                                v-if="topTableData.length !== 0"
                                class="position_abb left_title font_size_small"
                              >
                                锥顶
                              </div>
                              <div
                                v-for="(item, index) in topTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.index }}
                                </div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.plate_width }}
                                </div>

                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.estimated_thickness }}
                                </div>
                                <div
                                  class="width_4_4 m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m01 }}
                                </div>

                                <div
                                  class="width_6_6 m02 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m02 }}
                                </div>

                                <div
                                  class="width_7_7 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <el-input
                                    class="height_100_width_65 ma left_title"
                                    size="small"
                                    v-model="ma_my"
                                  ></el-input>
                                </div>

                                <div
                                  class="width_10_10 mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="ShellTableData.length !== 0"
                              class="border_bottom_2"
                            >
                              <div
                                v-if="ShellTableData.length !== 0"
                                class="position_abb left_title font_size_small"
                              >
                                筒体
                              </div>
                              <div
                                v-for="(item, index) in ShellTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.index }}
                                </div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.plate_width }}
                                </div>

                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.estimated_thickness }}
                                </div>
                                <div
                                  class="width_4_4 m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m01 }}
                                </div>

                                <div
                                  class="width_6_6 m02 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m02 }}
                                </div>

                                <div
                                  class="width_7_7 m03 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m03 }}
                                </div>
                                <div
                                  class="width_8_8 ma border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.ma }}
                                </div>

                                <div
                                  class="width_10_10 mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div style="position: relative" class="">
                              <div
                                v-if="bottomAndQZTableData.length !== 0"
                                class="position_abb left_title font_size_small"
                              >
                                裙座 / 底锥
                              </div>
                              <div
                                v-for="(item, index) in bottomAndQZTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ bottomAndQZTableData.length - index }}
                                </div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div
                                    class="width_50 border_right height_32 flex_center font_size_small"
                                  >
                                    {{ item.plate_width1 }}
                                  </div>

                                  <div
                                    class="width_50 height_32 flex_center font_size_small"
                                  >
                                    {{ item.plate_width2 }}
                                  </div>
                                </div>

                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div
                                    class="width_50 border_right height_32 flex_center font_size_small"
                                  >
                                    {{ item.estimated_thickness1 }}
                                  </div>

                                  <div
                                    class="width_50 height_32 flex_center font_size_small"
                                  >
                                    {{ item.estimated_thickness2 }}
                                  </div>
                                </div>
                                <div
                                  class="width_4_4 m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m01 }}
                                </div>

                                <div
                                  class="width_6_6 m02 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m02 }}
                                </div>

                                <div
                                  class="width_7_7 m03 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m03 }}
                                </div>
                                <div
                                  class="width_8_8 ma border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.m0a }}
                                </div>

                                <div
                                  class="width_10_10 mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              style="position: relative"
                              class=""
                            >
                              <div
                                class="position_abb left_title font_size_small"
                              >
                                合计
                              </div>
                              <div style="width: 100%" class="flex">
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  0
                                </div>

                                <div
                                  class="width_3_3 border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  0
                                </div>
                                <div
                                  class="width_4_4 m01_t border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m01 }}
                                </div>

                                <div
                                  class="width_6_6 m02_t border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m02 }}
                                </div>

                                <div
                                  class="width_7_7 m03_t border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m03 }}
                                </div>
                                <div
                                  class="width_8_8 ma_t border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.ma }}
                                </div>

                                <div
                                  class="width_10_10 mi_t border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.mi }}
                                </div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              style="position: relative"
                              class=""
                            >
                              <div
                                class="position_abb left_title font_size_small"
                              >
                                料仓净金属总质量
                              </div>
                              <div style="width: 100%" class="flex">
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m01_ }}
                                </div>

                                <div
                                  class="width_3_3 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_4_4 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_10_10 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              style="position: relative"
                              class=""
                            >
                              <div
                                class="position_abb left_title font_size_small"
                              >
                                料仓最大操作质量
                              </div>
                              <div style="width: 100%" class="flex">
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m02_ }}
                                </div>

                                <div
                                  class="width_3_3 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_4_4 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_10_10 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              style="position: relative"
                              class=""
                            >
                              <div
                                class="position_abb left_title font_size_small"
                              >
                                料仓等效总质量
                              </div>
                              <div style="width: 100%" class="flex">
                                <div
                                  class="width_1_1 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_2_2 border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3 lcdxz border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ totalData_.m03_ }}
                                </div>

                                <div
                                  class="width_3_3 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_4_4 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_10_10 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_11_11 border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              class="text_outside"
                            >
                              <div class="title_font">
                                &nbsp; &nbsp;顶锥数据 &nbsp; &nbsp;
                              </div>

                              <div class="title_font_small">
                                表面积：{{ bottomObj.top.surfaceArea }}
                              </div>
                              <div class="title_font_small">
                                体积：{{ bottomObj.top.volume }}
                              </div>
                            </div>

                            <div
                              v-if="
                                ShellTableData.length !== 0 &&
                                topTableData.length !== 0 &&
                                bottomAndQZTableData.length !== 0
                              "
                              class="text_outside"
                            >
                              <div class="title_font">
                                &nbsp; &nbsp;底锥数据 &nbsp; &nbsp;
                              </div>

                              <div class="title_font_small">
                                表面积：{{ bottomObj.bottom.surfaceArea }}
                              </div>
                              <div class="title_font_small">
                                体积：{{ bottomObj.bottom.volume }}
                              </div>
                            </div>

                            <div
                              style="height: 100px; color: #999"
                              class="flex_center font_size_small"
                              v-if="
                                ShellTableData.length == 0 &&
                                topTableData.length == 0 &&
                                bottomAndQZTableData.length == 0
                              "
                            >
                              暂无数据
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </el-tab-pane>

                <el-tab-pane label="地震载荷-弯矩" name="地震载荷-弯矩">
                  <div class="table_pane">
                    <div class="table_warp">
                      <div class="all_table">
                        <div class="row height_32 font_weight flex_center">
                          水平地震力
                        </div>
                        <div class="up_table flex">
                          <div style="width: 100%">
                            <div style="width: 100%" class="flex">
                              <div
                                style="height: 50px"
                                class="width_1_1_ border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                截面段号 i
                              </div>
                              <div
                                style="height: 50px"
                                class="width_2_2_ border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                位置
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_3_3_ border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>层板宽度</div>
                                <div>mm</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_31_31 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>i段操作质量</div>
                                <div>(mi)kg</div>
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_4_4_ border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>i段集中质量距地面高度</div>
                                <div>(hi) mm</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_6_6 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>mi*hi</div>
                              </div>

                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_7_7_ border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div>mi*hi/ ∑mk*hk</div>
                              </div>
                              <div
                                style="height: 50px; flex-direction: column"
                                class="width_8_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                              >
                                <div> 各截面水平地震力</div>
                                <div>(FEi)N</div>
                              </div>
                            </div>
                            <div
                              v-if="topTableData.length !== 0"
                              class="border_bottom_2"
                            >
                              <div
                                v-if="topTableData.length !== 0"
                                class="position_abb2 width_2_2_ left_title font_size_small"
                              >
                                锥顶
                              </div>
                              <div
                                v-for="(item, index) in topTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1_ border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.index }}
                                </div>
                                <div
                                  class="width_2_2_ border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3_ com_w border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.plate_width }}
                                </div>

                                <div
                                  class="width_31_31 com_mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>
                                <div
                                  class="width_4_4_ com_hi m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 com_6 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7_ com_7 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 com_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              v-if="ShellTableData.length !== 0"
                              class="border_bottom_2"
                            >
                              <div
                                v-if="ShellTableData.length !== 0"
                                class="position_abb2 width_2_2_ left_title font_size_small"
                              >
                                筒体
                              </div>
                              <div
                                v-for="(item, index) in ShellTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1_ border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.index }}
                                </div>
                                <div
                                  class="width_2_2_ border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3_ com_w border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.plate_width }}
                                </div>

                                <div
                                  class="width_31_31 com_mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>
                                <div
                                  class="width_4_4_ com_hi m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 com_6 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7_ com_7 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 com_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div style="position: relative" class="">
                              <div
                                v-if="bottomAndQZTableData.length !== 0"
                                class="position_abb2 width_2_2_ left_title font_size_small"
                              >
                                裙座 / 底锥
                              </div>
                              <div
                                v-for="(item, index) in bottomAndQZTableData"
                                :key="index"
                                style="width: 100%"
                                class="flex"
                              >
                                <div
                                  class="width_1_1_ border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ bottomAndQZTableData.length - index }}
                                </div>
                                <div
                                  class="width_2_2_ border_right height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_3_3_ com_w border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.plate_width1 }}
                                </div>

                                <div
                                  class="width_31_31 com_mi border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  {{ item.mi }}
                                </div>
                                <div
                                  class="width_4_4_ com_hi m01 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_6_6 com_6 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>

                                <div
                                  class="width_7_7_ com_7 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                                <div
                                  class="width_8_8 com_8 border_right border_bottom height_32 flex_center left_title font_size_small"
                                ></div>
                              </div>
                            </div>

                            <div
                              style="height: 100px; color: #999"
                              class="flex_center font_size_small"
                              v-if="
                                ShellTableData.length == 0 &&
                                topTableData.length == 0 &&
                                bottomAndQZTableData.length == 0
                              "
                            >
                              暂无数据
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div style="margin: 10px 0"></div>

                    <div class="table_warp">
                      <div class="all_table">
                        <div class="row height_32 font_weight flex_center">
                          各截面地震弯矩
                        </div>
                        <div class="content_body_s">
                          <div class="up_table flex">
                            <div>
                              <div class="flex auto_title">
                                <div
                                  style="height: 50px"
                                  class="width_1_1_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  截面段号 i
                                </div>
                                <div
                                  style="height: 50px"
                                  class="width_2_2_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  位置
                                </div>
                                <div
                                  style="height: 50px; flex-direction: column"
                                  class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div>层板宽度</div>
                                  <div>mm</div>
                                </div>

                                <div
                                  style="height: 50px; flex-direction: column"
                                  class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div>各截面水</div>
                                   <div>平地震力</div>
                                  <div>FEi(N)</div>
                                </div>

                                <div
                                  style="height: 50px; flex-direction: column"
                                  class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div>第k段质量</div>
                                  <div>距地面高</div>
                                  <div>hk(mm)</div>
                                </div>

                                <div
                                  style="height: 50px; flex-direction: column"
                                  class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                >
                                  <div>层间高度</div>
                                  <div>h(mm)</div>
                                </div>
                              </div>
                              <div
                                v-if="topTableData.length !== 0"
                                class="border_bottom_2"
                              >
                                <div
                                  v-if="topTableData.length !== 0"
                                  class="position_abb3 left_title font_size_small"
                                >
                                  锥顶
                                </div>
                                <div
                                  v-for="(item, index) in topTableData"
                                  :key="index"
                                  class="flex auto_row"
                                >
                                  <div
                                    class="width_1_1_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.index }}
                                  </div>
                                  <div
                                    class="width_2_2_m border_right height_32 flex_center left_title font_size_small"
                                  ></div>
                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m FEi_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m hk_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m h_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>
                                </div>
                              </div>

                              <div
                                v-if="ShellTableData.length !== 0"
                                class="border_bottom_2"
                              >
                                <div
                                  v-if="ShellTableData.length !== 0"
                                  class="position_abb3 left_title font_size_small"
                                >
                                  筒体
                                </div>
                                <div
                                  v-for="(item, index) in ShellTableData"
                                  :key="index"
                                  class="flex auto_row"
                                >
                                  <div
                                    class="width_1_1_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.index }}
                                  </div>
                                  <div
                                    class="width_2_2_m border_right height_32 flex_center left_title font_size_small"
                                  ></div>
                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m FEi_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m hk_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>

                                  <div
                                    class="width_3_3___m h_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width }}
                                  </div>
                                </div>
                              </div>

                              <div style="position: relative" class="">
                                <div
                                  v-if="bottomAndQZTableData.length !== 0"
                                  class="position_abb3 left_title font_size_small"
                                >
                                  裙座 / 底锥
                                </div>
                                <div
                                  v-for="(item, index) in bottomAndQZTableData"
                                  :key="index"
                                  class="flex auto_row"
                                >
                                  <div
                                    class="width_1_1_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ bottomAndQZTableData.length - index }}
                                  </div>
                                  <div
                                    class="width_2_2_m border_right height_32 flex_center left_title font_size_small"
                                  ></div>
                                  <div
                                    class="width_3_3___m p_w border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width1 }}
                                  </div>

                                  <div
                                    class="width_3_3___m FEi_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width1 }}
                                  </div>

                                  <div
                                    class="width_3_3___m hk_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width1 }}
                                  </div>

                                  <div
                                    class="width_3_3___m h_c border_right border_bottom height_32 flex_center left_title font_size_small"
                                  >
                                    {{ item.plate_width1 }}
                                  </div>
                                </div>
                              </div>

                              <div class="border_bottom_2">
                                <div
                                  class="position_abb3 left_title font_size_small"
                                >
                                  合计
                                </div>
                                <div class="flex sum_row">
                                  <div
                                    class="width_1_1_m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  ></div>
                                  <div
                                    class="width_2_2_m border_right height_32 flex_center left_title font_size_small"
                                  ></div>
                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  ></div>

                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  ></div>

                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  ></div>

                                  <div
                                    class="width_3_3___m border_right border_bottom height_32 flex_center left_title font_size_small"
                                  ></div>
                                </div>
                              </div>

                              <div
                                style="height: 100px; color: #999"
                                class="flex_center font_size_small"
                                v-if="
                                  ShellTableData.length == 0 &&
                                  topTableData.length == 0 &&
                                  bottomAndQZTableData.length == 0
                                "
                              >
                                暂无数据
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>

                    <div style="margin: 10px 0"></div>

                    <div class="flex_ss">
                      人孔截面地震弯矩:
                      <span class="RK">123</span>
                    </div>
                  </div>
                </el-tab-pane>
              </el-tabs>
            </el-scrollbar>
          </div>
        </div>
      </div>
    </div>

    <el-dialog
      size="small"
      @before-close="before_close"
      draggable
      v-model="dio_spec"
      title="型钢选择"
      width="62%"
    >
      <div class="table_spec_for">
        <div class="flex_item">
          <div
            @click="click_choose_img(item)"
            v-for="(item, index) in buttonSpec"
            :key="index"
          >
            <el-tooltip
              class="box-item"
              effect="dark"
              :content="item.label"
              placement="top-start"
            >
              <div
                :class="item.check ? 'check' : ''"
                class="table_spec_for_left"
              >
                <img :src="item.url" />
              </div>
            </el-tooltip>
          </div>
        </div>

        <div class="table_spec_for_right">
          <span>当前选中项：</span>
          <span style="font-weight: bold">{{ choose_text }}</span>
        </div>
      </div>

      <div class="table_spec_for_left_body">
        <div class="setion_singe">
          <el-radio-group
            v-if="chooseItemData.XY && chooseItemData.XY.length > 0"
            style="width: 100px"
            v-model="radio1"
          >
            <el-radio
              v-for="(v, index) in chooseItemData.XY"
              :key="index"
              :label="v"
              size="small"
              >{{ v }}轴</el-radio
            >
          </el-radio-group>
        </div>

        <div class="svg_local" v-if="chooseSvg == 'a'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.7658in"
            height="3.12773in"
            viewBox="0 0 362 300"
            class="YCAAST6"
          >
            <g transform="scale(0.740741)">
              <g transform="translate(522.07,70.5693) rotate(90)">
                <path d="M0 405.35 L255.12 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(116.716,-79.6666)">
                <path d="M0 405.35 L255.12 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(116.716,-334.785)">
                <path d="M0 405.35 L14.17 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(564.59,98.9158) rotate(90)">
                <path d="M0 405.35 L155.91 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(187.582,-122.186)">
                <path d="M0 405.35 L155.91 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(777.188,311.514) rotate(90)">
                <path d="M0 405.35 L14.17 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(-199.268,68.4144) rotate(-45)">
                <path
                  d="M0 405.35 L290.55 405.35"
                  stroke-dasharray="25,5,5,5"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(376.072,-137.033) rotate(45)">
                <path
                  d="M0 405.35 L287.6 405.35"
                  stroke-dasharray="25,5,5,5"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(47.2069,-154.076)">
                <path
                  d="M0 405.35 L333.13 405.35"
                  stroke-dasharray="25,5,5,5"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(130.889,-306.438)">
                <path
                  d="M28.35 405.35 A28.3465 28.3465 -180 0 0 0 377.01"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(343.488,-93.8398)">
                <path
                  d="M28.35 405.35 A28.3465 28.3465 -180 0 0 -0 377.01"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(159.236,-122.186)">
                <path
                  d="M0 377.01 A28.3465 28.3465 -180 0 0 28.35 405.35"
                  class="YCAAST2"
                ></path>
              </g>
              <g transform="translate(359.449,623.926) rotate(149.639)">
                <path d="M0 405.35 L52.94 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(108.885,706.275) rotate(180)">
                <path d="M0 405.35 L30.97 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(153.727,-129.764)">
                <path
                  d="M0 402.5 L1.67 405.35 L9.4 398.91 L0 402.5 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(522.07,328.522) rotate(90)">
                <path d="M0 405.35 L58.49 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(777.188,328.522) rotate(90)">
                <path d="M0 405.35 L58.49 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(126.637,-21.1788)">
                <path d="M0 405.35 L235.28 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(116.716,-19.5252)">
                <path
                  d="M9.92 402.05 L9.92 405.35 L0 403.7 L9.92 402.05 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(361.913,-19.5252)">
                <path
                  d="M0 402.05 L0 405.35 L9.92 403.7 L0 402.05 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(113.881,475.923) rotate(180)">
                <path d="M0 405.35 L57.17 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(113.881,731.041) rotate(180)">
                <path d="M0 405.35 L57.17 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(464.902,80.4906) rotate(90)">
                <path d="M0 405.35 L235.28 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(57.8945,-324.863)">
                <path
                  d="M0 405.35 L3.31 405.35 L1.65 395.43 L0 405.35 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(57.8945,-79.6666)">
                <path
                  d="M0 395.43 L3.31 395.43 L1.65 405.35 L0 395.43 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(383.173,-154.076)">
                <path d="M0 405.35 L59.91 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(374.669,-79.6666)">
                <path d="M0 405.35 L68.42 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(845.604,261.199) rotate(90)">
                <path d="M0 405.35 L54.57 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(438.596,-144.155)">
                <path
                  d="M0 405.35 L3.31 405.35 L1.65 395.43 L0 405.35 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(438.596,-79.6666)">
                <path
                  d="M0 395.43 L3.31 395.43 L1.65 405.35 L0 395.43 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(346.322,-122.186)">
                <path d="M0 405.35 L62.36 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(811.204,293.089) rotate(90)">
                <path d="M0 405.35 L22.68 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(404.196,-112.265)">
                <path
                  d="M0 405.35 L3.31 405.35 L1.65 395.43 L0 405.35 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(404.196,-79.6666)">
                <path
                  d="M0 395.43 L3.31 395.43 L1.65 405.35 L0 395.43 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(-288.638,67.7347) rotate(-90)">
                <path d="M0 405.35 L34.02 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(-246.118,96.0811) rotate(-90)">
                <path d="M0 405.35 L62.36 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(126.637,-368.8)">
                <path d="M0 405.35 L22.68 405.35" class="YCAAST2"></path>
              </g>
              <g transform="translate(116.716,-367.147)">
                <path
                  d="M9.92 402.05 L9.92 405.35 L0 403.7 L9.92 402.05 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(149.315,-367.147)">
                <path
                  d="M0 402.05 L0 405.35 L9.92 403.7 L0 402.05 Z"
                  class="YCAAST3"
                ></path>
              </g>
              <g transform="translate(575.775,74.4672) rotate(45)">
                <text x="0" y="403.61" class="YCAAST5">Y0</text>
              </g>
              <g transform="translate(351.882,-150.378) rotate(45)">
                <text x="-0" y="403.61" class="YCAAST5">Y0</text>
              </g>
              <g transform="translate(13.0703,-134.134) rotate(-45)">
                <text x="-0" y="403.61" class="YCAAST5">X0</text>
              </g>
              <g transform="translate(-214.002,90.8531) rotate(-45)">
                <text x="-0" y="403.61" class="YCAAST5">X0</text>
              </g>
              <g transform="translate(22.1807,-71.7005)">
                <text x="0" y="403.61" class="YCAAST5">X1</text>
              </g>
              <g transform="translate(449.156,-70.7713)">
                <text x="0" y="403.61" class="YCAAST5">X1</text>
              </g>
              <g transform="translate(454.787,-145.75)">
                <text x="0" y="403.61" class="YCAAST5">X</text>
              </g>
              <g transform="translate(25.019,-147.609)">
                <text x="0" y="403.61" class="YCAAST5">X</text>
              </g>
              <g transform="translate(-1.10862,311.514) rotate(-90)">
                <text
                  id="YCAASketchD1"
                  text-anchor="middle"
                  x="7"
                  y="401.46"
                  class="YCAAST5"
                >
                  d
                </text>
              </g>
              <g transform="translate(130.889,-370.405)">
                <text
                  id="YCAASketchD2"
                  text-anchor="middle"
                  x="7"
                  y="401.46"
                  class="YCAAST5"
                >
                  d
                </text>
              </g>
              <g transform="translate(237.189,-22.7834)">
                <text
                  id="YCAASketchB1"
                  text-anchor="middle"
                  x="7"
                  y="401.46"
                  class="YCAAST5"
                >
                  b
                </text>
              </g>
              <g transform="translate(-347.411,205.215) rotate(-90)">
                <text
                  id="YCAASketchB2"
                  text-anchor="middle"
                  x="7"
                  y="401.46"
                  class="YCAAST5"
                >
                  b
                </text>
              </g>
              <g transform="translate(74.1609,-106.038)">
                <text
                  id="YCAASketchR"
                  text-anchor="middle"
                  x="19"
                  y="401.46"
                  class="YCAAST5"
                >
                  r
                </text>
              </g>
              <g transform="translate(33.2911,302.656) rotate(-90)">
                <text
                  id="YCAASketchZ0"
                  text-anchor="middle"
                  x="15"
                  y="401.46"
                  class="YCAAST5"
                >
                  Z0
                </text>
              </g>
            </g>
          </svg>
        </div>

        <div class="svg_local" v-if="chooseSvg == 'b'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="2.717in"
            height="3.3333in"
            viewBox="0 0 245 300"
            class="YCBst7"
          >
            <g transform="scale(0.813)">
              <g transform="translate(95.1806,-289.517)">
                <path d="M0 369.04 L141.73 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(605.954,79.5238) rotate(90)">
                <path d="M0 369.04 L6.66 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(481.938,131.936) rotate(90)">
                <path d="M0 369.04 L107.77 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(605.954,285.461) rotate(90)">
                <path d="M0 369.04 L6.66 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(236.913,661.163) rotate(180)">
                <path d="M0 369.04 L141.73 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(-273.86,292.122) rotate(-90)">
                <path d="M0 369.04 L212.6 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(170.039,-104.935) rotate(5.71059)">
                <path d="M0 369.04 L91.29 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(96.5969,-257.838) rotate(-5.71059)">
                <path d="M0 369.04 L91.29 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(224.15,-268.752)">
                <path
                  d="M0 369.04 A14.1732 14.1732 -180 0 0 12.76 354.94"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(224.15,-83.58)">
                <path
                  d="M12.76 369.04 A14.1732 14.1732 -180 0 0 -0 354.94"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(112.897,-106.766)">
                <path
                  d="M0 346.48 A22.6772 22.6772 -180 0 0 20.42 369.04"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(112.897,-237.105)">
                <path
                  d="M20.42 346.48 A22.6772 22.6772 -180 0 0 0 369.04"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(86.6767,-183.218)">
                <path
                  d="M0 369.04 L158.74 369.04"
                  stroke-dasharray="25,5,5,5"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(517.792,71.0198) rotate(90)">
                <path
                  d="M0 369.04 L46.96 369.04"
                  stroke-dasharray="25,5,5,5"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(447.539,510.367) rotate(141.907)">
                <path d="M0 369.04 L10.72 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(211.426,-142.498)">
                <path d="M0 369.04 L8.44 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(517.792,146.666) rotate(90)">
                <path
                  d="M0 369.04 L158.5 369.04"
                  stroke-dasharray="25,5,5,5"
                  class="YCBst2"
                ></path>
              </g>
              <g transform="translate(243.243,601.033) rotate(180)">
                <path d="M0 369.04 L35.98 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(476.233,484.666) rotate(133.21)">
                <path d="M0 369.04 L37.33 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(174.905,-102.607)">
                <path
                  d="M5.59 360.68 L8 362.94 L0 369.04 L5.59 360.68 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(-194.136,142.063) rotate(-90)">
                <path d="M0 369.04 L113.07 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(173.251,-253.907)">
                <path
                  d="M0 369.04 L3.31 369.04 L1.65 359.12 L0 369.04 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(173.251,-289.517)">
                <path
                  d="M0 359.12 L3.31 359.12 L1.65 369.04 L0 359.12 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(221.969,-142.009)">
                <text x="0" y="367.82" class="YCBst5">1:10</text>
              </g>
              <g transform="translate(141.503,-16.7638)">
                <text x="0" y="367.3" class="YCBst6">Y</text>
              </g>
              <g transform="translate(141.503,-338.391)">
                <text x="0" y="367.3" class="YCBst6">Y</text>
              </g>
              <g transform="translate(164.984,508.269) rotate(180)">
                <path d="M0 369.04 L42.17 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(164.984,-228.159)">
                <path
                  d="M0 365.73 L0 369.04 L9.92 367.39 L0 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(112.897,-228.159)">
                <path
                  d="M9.92 365.73 L9.92 369.04 L0 367.39 L9.92 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(605.954,89.02) rotate(90)">
                <path d="M0 369.04 L53.04 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(226.992,508.269) rotate(180)">
                <path d="M0 369.04 L42.17 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(226.992,-228.159)">
                <path
                  d="M0 365.73 L0 369.04 L9.92 367.39 L0 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(174.905,-228.159)">
                <path
                  d="M9.92 365.73 L9.92 369.04 L0 367.39 L9.92 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(83.8528,-16.7638)">
                <text x="0" y="367.3" class="YCBst6">Y1</text>
              </g>
              <g transform="translate(83.8528,-338.391)">
                <text x="0" y="367.3" class="YCBst6">Y1</text>
              </g>
              <g transform="translate(-273.86,76.6891) rotate(-90)">
                <path d="M0 369.04 L34.02 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(-220.289,68.1852) rotate(-90)">
                <path d="M0 369.04 L25.51 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(105.102,-323.533)">
                <path d="M0 369.04 L33.73 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(95.1806,-321.879)">
                <path
                  d="M9.92 365.73 L9.92 369.04 L0 367.39 L9.92 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(138.83,-321.879)">
                <path
                  d="M0 365.73 L0 369.04 L9.92 367.39 L0 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(34.9982,-33.1688) rotate(-34.2428)">
                <path d="M0 369.04 L13.91 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(254.157,-104.965)">
                <path d="M0 369.04 L33.1 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(234.456,-91.5553)">
                <path
                  d="M7.27 362.09 L9.13 364.82 L0 369.04 L7.27 362.09 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(464.221,294.957) rotate(90)">
                <path d="M0 369.04 L34.02 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(605.954,294.957) rotate(90)">
                <path d="M0 369.04 L34.02 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(105.102,-42.9027)">
                <path d="M0 369.04 L121.89 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(95.1806,-41.2491)">
                <path
                  d="M9.92 365.73 L9.92 369.04 L0 367.39 L9.92 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(226.992,-41.2491)">
                <path
                  d="M0 365.73 L0 369.04 L9.92 367.39 L0 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(92.346,448.564) rotate(180)">
                <path d="M0 369.04 L67.02 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(92.346,661.163) rotate(180)">
                <path d="M0 369.04 L67.02 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(397.205,89.445) rotate(90)">
                <path d="M0 369.04 L192.76 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(26.5108,-279.596)">
                <path
                  d="M0 369.04 L3.31 369.04 L1.65 359.12 L0 369.04 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(26.5108,-76.9184)">
                <path
                  d="M0 359.12 L3.31 359.12 L1.65 369.04 L0 359.12 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(253.287,-175.971)">
                <text x="0" y="367.3" class="YCBst6">X</text>
              </g>
              <g transform="translate(63.6998,-175.971)">
                <text x="0" y="367.3" class="YCBst6">X</text>
              </g>
              <g transform="translate(106.673,-111.315)">
                <path
                  d="M0 366.19 L1.68 369.04 L9.38 362.57 L0 366.19 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(132.74,593.683) rotate(180)">
                <path d="M0 369.04 L84.97 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(112.897,-142.744)">
                <path
                  d="M9.92 365.73 L9.92 369.04 L0 367.39 L9.92 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(85.2594,-142.744)">
                <path
                  d="M0 365.73 L0 369.04 L9.92 367.39 L0 365.73 Z"
                  class="YCBst3"
                ></path>
              </g>
              <g transform="translate(295.35,573.963) rotate(149.404)">
                <path d="M0 369.04 L30.8 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(81.0066,641.017) rotate(180)">
                <path d="M0 369.04 L25.37 369.04" class="YCBst2"></path>
              </g>
              <g transform="translate(-343.275,190.784) rotate(-90)">
                <text
                  id="YCBSketchH"
                  text-anchor="middle"
                  x="6"
                  y="366.32"
                  class="YCBst5"
                >
                  h
                </text>
              </g>
              <g transform="translate(161.086,-45.3015)">
                <text
                  id="YCBSketchB"
                  text-anchor="middle"
                  x="6"
                  y="366.32"
                  class="YCBst5"
                >
                  b
                </text>
              </g>
              <g transform="translate(59.5466,-146.797)">
                <text
                  id="YCBSketchD"
                  text-anchor="middle"
                  x="6"
                  y="366.32"
                  class="YCBst5"
                >
                  d
                </text>
              </g>
              <g transform="translate(-196.534,53.3942) rotate(-90)">
                <text
                  id="YCBSketchT"
                  text-anchor="middle"
                  x="8"
                  y="366.32"
                  class="YCBst5"
                >
                  t
                </text>
              </g>
              <g transform="translate(64.0592,-99.4632)">
                <text
                  id="YCBSketchR"
                  text-anchor="middle"
                  x="4"
                  y="366.32"
                  class="YCBst5"
                >
                  r
                </text>
              </g>
              <g transform="translate(261.715,-107.364)">
                <text
                  id="YCBSketchR1"
                  text-anchor="middle"
                  x="10"
                  y="366.32"
                  class="YCBst5"
                >
                  r1
                </text>
              </g>
              <g transform="translate(112.045,-325.931)">
                <text
                  id="YCBSketchZ0"
                  text-anchor="middle"
                  x="10"
                  y="366.32"
                  class="YCBst5"
                >
                  Z0
                </text>
              </g>
              <g transform="translate(109.177,-232.707)">
                <text
                  id="YCBSketchBD21"
                  text-anchor="middle"
                  x="35"
                  y="366.32"
                  class="YCBst5"
                >
                  (b-d)/2
                </text>
              </g>
              <g transform="translate(171.185,-232.707)">
                <text
                  id="YCBSketchBD22"
                  text-anchor="middle"
                  x="35"
                  y="366.32"
                  class="YCBst5"
                >
                  (b-d)/2
                </text>
              </g>
            </g>
          </svg>
        </div>

        <div class="svg_local" v-if="chooseSvg == 'c'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.231785in"
            height="3.333in"
            viewBox="0 0 291 300"
            class="YCCst8"
          >
            <g transform="scale(0.90634)">
              <g transform="translate(89.386,-283.665)">
                <path d="M0 330.97 L159.45 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(579.804,47.3038) rotate(90)">
                <path d="M0 330.97 L11.06 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(491.221,98.9946) rotate(90)">
                <path d="M0 330.97 L109.22 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(-153,208.211) rotate(-90)">
                <path d="M0 330.97 L109.22 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(420.355,47.3038) rotate(90)">
                <path d="M0 330.97 L11.06 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(420.355,248.838) rotate(90)">
                <path d="M0 330.97 L11.06 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(89.386,-71.0669)">
                <path d="M0 330.97 L159.45 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(-82.1343,259.902) rotate(-90)">
                <path d="M0 330.97 L11.06 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(251.329,-95.8858) rotate(9.46232)">
                <path d="M0 330.97 L43.03 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(195.714,557.046) rotate(170.538)">
                <path d="M0 330.97 L43.03 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(142.507,-249.84) rotate(-9.46232)">
                <path d="M0 330.97 L43.03 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(86.8921,403.092) rotate(-170.538)">
                <path d="M0 330.97 L43.03 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(239.36,-82.1309)">
                <path
                  d="M9.47 330.97 A11.3386 11.3386 -180 0 0 -0 319.78"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(89.386,-82.1309)">
                <path
                  d="M9.47 319.78 A11.3386 11.3386 -180 0 0 -0 330.97"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(89.386,-261.417)">
                <path
                  d="M0 319.78 A11.3386 11.3386 -180 0 0 9.47 330.97"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(239.36,-261.417)">
                <path
                  d="M0 330.97 A11.3386 11.3386 -180 0 0 9.47 319.78"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(177.969,-100.389)">
                <path
                  d="M0 308.6 A22.6772 22.6772 -180 0 0 18.95 330.97"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(141.303,-100.389)">
                <path
                  d="M0 330.97 A22.6772 22.6772 -180 0 0 18.95 308.6"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(177.969,-231.975)">
                <path
                  d="M18.95 308.6 A22.6772 22.6772 -180 0 0 -0 330.97"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(141.303,-231.975)">
                <path
                  d="M18.95 330.97 A22.6772 22.6772 -180 0 0 -0 308.6"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(361.238,343.286) rotate(139.731)">
                <path d="M0 330.97 L24.42 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(128.679,437.5) rotate(180)">
                <path d="M0 330.97 L23.43 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(146.239,-238.958)">
                <path
                  d="M0 328.45 L2.14 330.97 L8.64 323.29 L0 328.45 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(124.656,-177.366)">
                <path
                  d="M0 330.97 L88.08 330.97"
                  stroke-dasharray="25,5,5,5"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(500.079,38.7999) rotate(90)">
                <path
                  d="M0 330.97 L229.61 330.97"
                  stroke-dasharray="25,5,5,5"
                  class="YCCst2"
                ></path>
              </g>
              <g transform="translate(305.443,432.778) rotate(180)">
                <path d="M0 330.97 L42.06 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(81.6126,378.395) rotate(-146.687)">
                <path d="M0 330.97 L52.67 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(473.054,358.295) rotate(144.437)">
                <path d="M0 330.97 L12.5 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(270.393,-234.638)">
                <path d="M0 330.97 L10.17 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(211.748,-97.6417)">
                <path
                  d="M0 321.05 L3.31 321.05 L1.65 330.97 L0 321.05 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(211.748,-61.1456)">
                <path
                  d="M0 330.97 L3.31 330.97 L1.65 321.05 L0 330.97 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(86.5513,378.273) rotate(180)">
                <path d="M0 330.97 L60.65 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(86.5513,590.871) rotate(180)">
                <path d="M0 330.97 L60.65 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(359.703,57.2251) rotate(90)">
                <path d="M0 330.97 L192.76 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(27.0808,-273.744)">
                <path
                  d="M0 330.97 L3.31 330.97 L1.65 321.05 L0 330.97 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(27.0808,-71.0669)">
                <path
                  d="M0 321.05 L3.31 321.05 L1.65 330.97 L0 321.05 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(-117.567,279.745) rotate(-90)">
                <path d="M0 330.97 L92.14 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(-82.1343,246.004) rotate(-90)">
                <path d="M0 330.97 L58.39 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(283.712,-234.121)">
                <text x="0" y="329.75" class="YCCst5">1:6</text>
              </g>
              <g transform="translate(294.658,327.408) rotate(140.539)">
                <path d="M0 330.97 L16.6 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(71.4939,413.399) rotate(180)">
                <path d="M0 330.97 L26.33 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(83.2597,-257.813)">
                <path
                  d="M0 328.42 L2.1 330.97 L8.71 323.39 L0 328.42 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(213.402,-138.871)">
                <path
                  d="M9.92 327.66 L9.92 330.97 L0 329.32 L9.92 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(238.914,-138.871)">
                <path
                  d="M0 327.66 L0 330.97 L9.92 329.32 L0 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(248.835,521.413) rotate(180)">
                <path d="M0 330.97 L70.87 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(203.48,-138.871)">
                <path
                  d="M0 327.66 L0 330.97 L9.92 329.32 L0 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(177.969,-138.871)">
                <path
                  d="M9.92 327.66 L9.92 330.97 L0 329.32 L9.92 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(420.355,262.737) rotate(90)">
                <path d="M0 330.97 L53.45 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(579.804,262.737) rotate(90)">
                <path d="M0 330.97 L53.45 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(99.3072,-17.6136)">
                <path d="M0 330.97 L139.61 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(89.386,-15.96)">
                <path
                  d="M9.92 327.66 L9.92 330.97 L0 329.32 L9.92 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(238.914,-15.96)">
                <path
                  d="M0 327.66 L0 330.97 L9.92 329.32 L0 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(162.601,-39.7945)">
                <text x="0" y="329.23" class="YCCst7">Y</text>
              </g>
              <g transform="translate(162.601,-301.846)">
                <text x="0" y="329.23" class="YCCst7">Y</text>
              </g>
              <g transform="translate(221.31,-170.94)">
                <text x="0" y="329.23" class="YCCst7">X</text>
              </g>
              <g transform="translate(102.506,-170.94)">
                <text x="0" y="329.23" class="YCCst7">X</text>
              </g>
              <g transform="translate(150.331,454.767) rotate(180)">
                <path d="M0 330.97 L9.92 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(187.89,-207.171)">
                <path d="M0 330.97 L30.44 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(160.252,-207.171)">
                <path d="M0 330.97 L17.72 330.97" class="YCCst2"></path>
              </g>
              <g transform="translate(150.331,-205.518)">
                <path
                  d="M0 327.66 L0 330.97 L9.92 329.32 L0 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(177.969,-205.518)">
                <path
                  d="M9.92 327.66 L9.92 330.97 L0 329.32 L9.92 327.66 Z"
                  class="YCCst3"
                ></path>
              </g>
              <g transform="translate(-304.634,158.564) rotate(-90)">
                <text
                  id="YCCSketchH"
                  text-anchor="middle"
                  x="4"
                  y="328.24"
                  class="YCCst5"
                >
                  h
                </text>
              </g>
              <g transform="translate(164.15,-20.0124)">
                <text
                  id="YCCSketchB"
                  text-anchor="middle"
                  x="4"
                  y="328.24"
                  class="YCCst5"
                >
                  b
                </text>
              </g>
              <g transform="translate(198.844,-209.57)">
                <text
                  id="YCCSketchD"
                  text-anchor="middle"
                  x="4"
                  y="328.24"
                  class="YCCst5"
                >
                  d
                </text>
              </g>
              <g transform="translate(-119.966,251.575) rotate(-90)">
                <text
                  id="YCCSketchT"
                  text-anchor="middle"
                  x="6"
                  y="328.24"
                  class="YCCst5"
                >
                  t
                </text>
              </g>
              <g transform="translate(113.197,-228.69)">
                <text
                  id="YCCSketchR"
                  text-anchor="middle"
                  x="4"
                  y="329.75"
                  class="YCCst5"
                >
                  r
                </text>
              </g>
              <g transform="translate(47.9986,-250.938)">
                <text
                  id="YCCSketchR1"
                  text-anchor="middle"
                  x="8"
                  y="328.24"
                  class="YCCst5"
                >
                  r1
                </text>
              </g>
              <g transform="translate(207.548,-145.367)">
                <text
                  id="YCCSketchBD41"
                  text-anchor="middle"
                  x="23"
                  y="329.02"
                  class="YCCst6"
                >
                  (b-d)/4
                </text>
              </g>
              <g transform="translate(170.882,-145.367)">
                <text
                  id="YCCSketchBD42"
                  text-anchor="middle"
                  x="23"
                  y="329.02"
                  class="YCCst6"
                >
                  (b-d)/4
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'd'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.071833in"
            height="3.125in"
            viewBox="0 0 295 300"
            class="YCDst7"
          >
            <g transform="scale(0.7256)">
              <g transform="translate(495.572,64.9966) rotate(90)">
                <path d="M0 413.44 L255.12 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(82.1337,-93.3232)">
                <path d="M0 413.44 L212.6 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(82.1337,-348.441)">
                <path d="M0 413.44 L14.17 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(538.091,93.343) rotate(90)">
                <path d="M0 413.44 L155.91 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(153,-135.843)">
                <path d="M0 413.44 L113.39 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(708.17,305.941) rotate(90)">
                <path d="M0 413.44 L14.17 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(411.881,-109.839) rotate(54.8629)">
                <path
                  d="M0 413.44 L250.09 413.44"
                  stroke-dasharray="25,5,5,5"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(44.8935,-167.733)">
                <path
                  d="M0 413.44 L258.34 413.44"
                  stroke-dasharray="25,5,5,5"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(96.3069,-320.095)">
                <path
                  d="M28.35 413.44 A28.3465 28.3465 -180 0 0 0 385.09"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(266.386,-107.496)">
                <path
                  d="M28.35 413.44 A28.3465 28.3465 -180 0 0 -0 385.09"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(124.653,-135.843)">
                <path
                  d="M0 385.09 A28.3465 28.3465 -180 0 0 28.35 413.44"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(569.981,58.5487) rotate(90)">
                <path
                  d="M0 413.44 L283.4 413.44"
                  stroke-dasharray="25,5,5,5"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(569.981,344.779) rotate(90)">
                <path d="M0 413.44 L19.88 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(557.447,96.9955) rotate(54.8629)">
                <path d="M0 413.44 L9.83 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(166.455,-52.0345)">
                <path
                  d="M0 413.44 A116.122 116.122 -180 0 0 48.57 398.06"
                  class="YCDst1"
                ></path>
              </g>
              <g transform="translate(156.543,-50.3825)">
                <path
                  d="M9.98 413.44 L9.84 410.13 L0 412.21 L9.98 413.44 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(214.132,-66.0208)">
                <path
                  d="M0 410.65 L1.79 413.44 L9.24 406.69 L0 410.65 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(-331.304,62.1619) rotate(-90)">
                <path d="M0 413.44 L34.02 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(-256.895,55.7141) rotate(-90)">
                <path d="M0 413.44 L27.57 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(92.055,-382.457)">
                <path d="M0 413.44 L54.57 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(82.1337,-380.804)">
                <path
                  d="M9.92 410.13 L9.92 413.44 L0 411.78 L9.92 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(146.622,-380.804)">
                <path
                  d="M0 410.13 L0 413.44 L9.92 411.78 L0 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(468.054,519.685) rotate(125.354)">
                <path d="M0 413.44 L18.26 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(120.294,708.786) rotate(180)">
                <path d="M0 413.44 L24.05 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(129.509,-132.022)">
                <path
                  d="M0 411.52 L2.7 413.44 L7.09 404.39 L0 411.52 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(564.161,114.602) rotate(54.8629)">
                <text x="-0" y="411.69" class="YCDst6">U</text>
              </g>
              <g transform="translate(394.156,-121.701) rotate(54.8629)">
                <text x="0" y="411.69" class="YCDst6">U</text>
              </g>
              <g transform="translate(495.572,328.061) rotate(90)">
                <path d="M0 413.44 L58.49 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(708.17,328.061) rotate(90)">
                <path d="M0 413.44 L58.49 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(92.055,-29.7239)">
                <path d="M0 413.44 L192.76 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(82.1337,-28.0704)">
                <path
                  d="M9.92 410.13 L9.92 413.44 L0 411.78 L9.92 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(284.811,-28.0704)">
                <path
                  d="M0 410.13 L0 413.44 L9.92 411.78 L0 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(150.219,-393.97)">
                <text x="0" y="411.69" class="YCDst6">Y</text>
              </g>
              <g transform="translate(150.219,-4.09708)">
                <text x="0" y="411.69" class="YCDst6">Y</text>
              </g>
              <g transform="translate(72.3239,-393.97)">
                <text x="0" y="411.69" class="YCDst6">Y1</text>
              </g>
              <g transform="translate(72.3239,-4.09708)">
                <text x="0" y="411.69" class="YCDst6">Y1</text>
              </g>
              <g transform="translate(0,-85.3572)">
                <text x="0" y="411.69" class="YCDst6">X1</text>
              </g>
              <g transform="translate(370.972,-84.428)">
                <text x="0" y="411.69" class="YCDst6">X1</text>
              </g>
              <g transform="translate(306.071,-167.733)">
                <path d="M0 413.44 L57.81 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(297.567,-93.3232)">
                <path d="M0 413.44 L66.32 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(770.049,255.627) rotate(90)">
                <path d="M0 413.44 L54.57 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(354.958,-157.811)">
                <path
                  d="M0 413.44 L3.31 413.44 L1.65 403.52 L0 413.44 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(354.958,-93.3232)">
                <path
                  d="M0 403.52 L3.31 403.52 L1.65 413.44 L0 403.52 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(369.2,-159.407)">
                <text x="0" y="411.69" class="YCDst6">X</text>
              </g>
              <g transform="translate(2.83831,-161.266)">
                <text x="0" y="411.69" class="YCDst6">X</text>
              </g>
              <g transform="translate(660.706,287.516) rotate(90)">
                <path d="M0 413.44 L22.68 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(245.615,-125.922)">
                <path
                  d="M0 413.44 L3.31 413.44 L1.65 403.52 L0 413.44 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(245.615,-93.3232)">
                <path
                  d="M0 403.52 L3.31 403.52 L1.65 413.44 L0 403.52 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(92.055,-289.643)">
                <path d="M0 413.44 L22.68 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(82.1337,-287.989)">
                <path
                  d="M9.92 410.13 L9.92 413.44 L0 411.78 L9.92 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(114.732,-287.989)">
                <path
                  d="M0 410.13 L0 413.44 L9.92 411.78 L0 410.13 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(79.2991,478.435) rotate(180)">
                <path d="M0 413.44 L46.7 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(79.2991,733.553) rotate(180)">
                <path d="M0 413.44 L46.7 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(448.867,74.9178) rotate(90)">
                <path d="M0 413.44 L235.28 413.44" class="YCDst1"></path>
              </g>
              <g transform="translate(33.7759,-338.52)">
                <path
                  d="M0 413.44 L3.31 413.44 L1.65 403.52 L0 413.44 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(33.7759,-93.3232)">
                <path
                  d="M0 403.52 L3.31 403.52 L1.65 413.44 L0 403.52 Z"
                  class="YCDst3"
                ></path>
              </g>
              <g transform="translate(-379.613,199.642) rotate(-90)">
                <text
                  id="YCDSketchBB"
                  text-anchor="middle"
                  x="5"
                  y="409.54"
                  class="YCDst6"
                >
                  B
                </text>
              </g>
              <g transform="translate(181.346,-31.3285)">
                <text
                  id="YCDSketchSB"
                  text-anchor="middle"
                  x="6"
                  y="409.54"
                  class="YCDst6"
                >
                  b
                </text>
              </g>
              <g transform="translate(96.3069,-291.248)">
                <text
                  id="YCDSketchD1"
                  text-anchor="middle"
                  x="7"
                  y="409.54"
                  class="YCDst6"
                >
                  d
                </text>
              </g>
              <g transform="translate(-167.774,305.941) rotate(-90)">
                <text
                  id="YCDSketchD2"
                  text-anchor="middle"
                  x="7"
                  y="409.54"
                  class="YCDst6"
                >
                  d
                </text>
              </g>
              <g transform="translate(100.768,-119.694)">
                <text
                  id="YCDSketchR"
                  text-anchor="middle"
                  x="6"
                  y="409.54"
                  class="YCDst6"
                >
                  r
                </text>
              </g>
              <g transform="translate(61.3461,-38.5324) rotate(-17.5685)">
                <text
                  id="YCDSketchAlpha"
                  text-anchor="middle"
                  x="5"
                  y="410.71"
                  class="YCDst6"
                >
                  α
                </text>
              </g>
              <g transform="translate(109.417,-384.856)">
                <text
                  id="YCDSketchX0"
                  text-anchor="middle"
                  x="10"
                  y="410.71"
                  class="YCDst6"
                >
                  X0
                </text>
              </g>
              <g transform="translate(-58.4311,297.083) rotate(-90)">
                <text
                  id="YCDSketchY0"
                  text-anchor="middle"
                  x="12"
                  y="409.54"
                  class="YCDst6"
                >
                  Y0
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'e'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.046437in"
            height="3.153665in"
            viewBox="0 0 219 227"
            class="YCEst7"
          >
            <g transform="scale(0.88)">
              <g transform="translate(59.5703,-218.597)">
                <path d="M0 258.03 L141.73 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(459.329,39.4302) rotate(90)">
                <path d="M0 258.03 L21.26 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(201.303,467.536) rotate(180)">
                <path d="M0 258.03 L141.73 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(-198.456,209.509) rotate(-90)">
                <path d="M0 258.03 L21.26 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(59.5703,-197.337)">
                <path d="M0 258.03 L55.28 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(381.377,69.194) rotate(90)">
                <path d="M0 258.03 L110.55 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(201.303,446.276) rotate(180)">
                <path d="M0 258.03 L55.28 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(395.55,69.194) rotate(90)">
                <path d="M0 258.03 L110.55 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(459.329,188.249) rotate(90)">
                <path d="M0 258.03 L21.26 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(-198.456,60.6901) rotate(-90)">
                <path d="M0 258.03 L21.26 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(146.027,-197.337)">
                <path d="M0 258.03 L55.28 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(114.846,446.276) rotate(180)">
                <path d="M0 258.03 L55.28 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(388.463,30.9263) rotate(90)">
                <path
                  d="M0 258.03 L182.99 258.03"
                  stroke-dasharray="25,5,5,5"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(51.0664,-133.557)">
                <path
                  d="M0 258.03 L158.74 258.03"
                  stroke-dasharray="25,5,5,5"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(137.523,-188.833)">
                <path
                  d="M8.5 249.52 A8.50394 8.50394 -180 0 0 0 258.03"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(114.846,-188.833)">
                <path
                  d="M8.5 258.03 A8.50394 8.50394 -180 0 0 -0 249.52"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(137.523,-69.7777)">
                <path
                  d="M0 249.52 A8.50394 8.50394 -180 0 0 8.5 258.03"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(114.846,-69.7777)">
                <path
                  d="M0 258.03 A8.50394 8.50394 -180 0 0 8.5 249.52"
                  class="YCEst2"
                ></path>
              </g>
              <g transform="translate(-22.8546,-15.0465) rotate(-41.2405)">
                <path d="M0 258.03 L13.63 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(157.489,-88.0339)">
                <path d="M0 258.03 L20.58 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(139.782,-72.5099)">
                <path
                  d="M6.37 250.24 L8.55 252.73 L0 258.03 L6.37 250.24 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(317.597,212.344) rotate(90)">
                <path d="M0 258.03 L39.98 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(459.329,212.344) rotate(90)">
                <path d="M0 258.03 L39.98 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(69.4916,-10.9398)">
                <path d="M0 258.03 L121.89 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(59.5703,-9.28622)">
                <path
                  d="M9.92 254.72 L9.92 258.03 L0 256.37 L9.92 254.72 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(191.381,-9.28622)">
                <path
                  d="M0 254.72 L0 258.03 L9.92 256.37 L0 254.72 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(56.7357,297.457) rotate(180)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(56.7357,467.536) rotate(180)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(283.581,49.3515) rotate(90)">
                <path d="M0 258.03 L150.24 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(23.901,-208.675)">
                <path
                  d="M0 258.03 L3.31 258.03 L1.65 248.11 L0 258.03 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(23.901,-48.5179)">
                <path
                  d="M0 248.11 L3.31 248.11 L1.65 258.03 L0 248.11 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(204.137,-48.5179)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(204.137,-69.7777)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(-22.7085,229.351) rotate(-90)">
                <path d="M0 258.03 L60.94 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(233.665,-38.5966)">
                <path
                  d="M0 258.03 L3.31 258.03 L1.65 248.11 L0 258.03 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(233.665,-69.7777)">
                <path
                  d="M0 248.11 L3.31 248.11 L1.65 258.03 L0 248.11 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(204.137,-218.597)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(204.137,-197.337)">
                <path d="M0 258.03 L34.02 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(-22.7085,80.5326) rotate(-90)">
                <path d="M0 258.03 L60.94 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(233.665,-218.597)">
                <path
                  d="M0 248.11 L3.31 248.11 L1.65 258.03 L0 248.11 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(233.665,-187.415)">
                <path
                  d="M0 258.03 L3.31 258.03 L1.65 248.11 L0 258.03 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(123.954,-26.9662)">
                <text x="0" y="256.28" class="YCEst6">Y</text>
              </g>
              <g transform="translate(123.954,-232.147)">
                <text x="0" y="256.28" class="YCEst6">Y</text>
              </g>
              <g transform="translate(212.198,-126.864)">
                <text x="0" y="256.28" class="YCEst6">X</text>
              </g>
              <g transform="translate(35.6415,-126.864)">
                <text x="0" y="256.28" class="YCEst6">X</text>
              </g>
              <g transform="translate(103.507,-167.573)">
                <path d="M0 258.03 L70.3 258.03" class="YCEst2"></path>
              </g>
              <g transform="translate(113.429,-165.919)">
                <path
                  d="M0 254.72 L0 258.03 L9.92 256.37 L0 254.72 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(137.523,-165.919)">
                <path
                  d="M9.92 254.72 L9.92 258.03 L0 256.37 L9.92 254.72 Z"
                  class="YCEst3"
                ></path>
              </g>
              <g transform="translate(-234.871,129.43) rotate(-90)">
                <text
                  id="YCESketchH"
                  text-anchor="middle"
                  x="4"
                  y="255.3"
                  class="YCEst5"
                >
                  H
                </text>
              </g>
              <g transform="translate(125.476,-13.3386)">
                <text
                  id="YCESketchB"
                  text-anchor="middle"
                  x="4"
                  y="255.3"
                  class="YCEst5"
                >
                  B
                </text>
              </g>
              <g transform="translate(155.665,-169.972)">
                <text
                  id="YCESketchT1"
                  text-anchor="middle"
                  x="7"
                  y="255.3"
                  class="YCEst5"
                >
                  t1
                </text>
              </g>
              <g transform="translate(-25.1082,208.8) rotate(-90)">
                <text
                  id="YCESketchT21"
                  text-anchor="middle"
                  x="9"
                  y="255.3"
                  class="YCEst5"
                >
                  t2
                </text>
              </g>
              <g transform="translate(-25.1082,59.9814) rotate(-90)">
                <text
                  id="YCESketchT22"
                  text-anchor="middle"
                  x="9"
                  y="255.3"
                  class="YCEst5"
                >
                  t2
                </text>
              </g>
              <g transform="translate(166.393,-92.2859)">
                <text
                  id="YCESketchR"
                  text-anchor="middle"
                  x="4"
                  y="256.81"
                  class="YCEst5"
                >
                  r
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'f'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="4.45198in"
            height="3.08095in"
            viewBox="0 0 320.543 221.828"
            class="YCFst7"
          >
            <g>
              <g transform="translate(82.6613,-163.631)">
                <path d="M0 221.83 L141.73 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(446.222,58.1973) rotate(90)">
                <path d="M0 221.83 L21.26 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(82.6613,-142.371)">
                <path d="M0 221.83 L55.28 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(368.269,87.9611) rotate(90)">
                <path d="M0 221.83 L83.62 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(382.442,87.9611) rotate(90)">
                <path d="M0 221.83 L83.62 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(-139.167,79.4571) rotate(-90)">
                <path d="M0 221.83 L21.26 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(169.118,-142.371)">
                <path d="M0 221.83 L55.28 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(74.1574,-102.623)">
                <path
                  d="M0 221.83 L158.74 221.83"
                  stroke-dasharray="25,5,5,5"
                  class="YCFst2"
                ></path>
              </g>
              <g transform="translate(160.614,-133.867)">
                <path
                  d="M8.5 213.32 A8.50394 8.50394 -180 0 0 0 221.83"
                  class="YCFst2"
                ></path>
              </g>
              <g transform="translate(137.937,-133.867)">
                <path
                  d="M8.5 221.83 A8.50394 8.50394 -180 0 0 -0 213.32"
                  class="YCFst2"
                ></path>
              </g>
              <g transform="translate(146.441,-50.2452)">
                <path d="M0 221.83 L14.17 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(375.356,49.6933) rotate(90)">
                <path
                  d="M0 221.83 L130.39 221.83"
                  stroke-dasharray="25,5,5,5"
                  class="YCFst2"
                ></path>
              </g>
              <g transform="translate(-25.0484,-65.007) rotate(-39.7519)">
                <path d="M0 221.83 L26.07 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(135.79,-131.69)">
                <path
                  d="M0 219.29 L2.11 221.83 L8.69 214.21 L0 219.29 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(147.045,-10.0775)">
                <text x="0" y="220.09" class="YCFst6">Y</text>
              </g>
              <g transform="translate(227.228,-163.631)">
                <path d="M0 221.83 L62.36 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(235.732,-102.623)">
                <path d="M0 221.83 L53.86 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(508.584,68.1185) rotate(90)">
                <path d="M0 221.83 L41.17 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(285.102,-153.71)">
                <path
                  d="M0 221.83 L3.31 221.83 L1.65 211.91 L0 221.83 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(285.102,-102.623)">
                <path
                  d="M0 211.91 L3.31 211.91 L1.65 221.83 L0 211.91 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(368.269,174.418) rotate(90)">
                <path d="M0 221.83 L18.09 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(382.442,174.418) rotate(90)">
                <path d="M0 221.83 L18.09 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(136.52,411.501) rotate(180)">
                <path d="M0 221.83 L9.92 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(170.535,-32.1561)">
                <path d="M0 221.83 L26.36 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(146.441,-32.1561)">
                <path d="M0 221.83 L14.17 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(136.52,-30.5026)">
                <path
                  d="M0 218.52 L0 221.83 L9.92 220.17 L0 218.52 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(160.614,-30.5026)">
                <path
                  d="M9.92 218.52 L9.92 221.83 L0 220.17 L9.92 218.52 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(-139.167,55.3626) rotate(-90)">
                <path d="M0 221.83 L34.02 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(2.56528,55.3626) rotate(-90)">
                <path d="M0 221.83 L34.02 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(92.5826,-197.647)">
                <path d="M0 221.83 L121.89 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(82.6613,-195.993)">
                <path
                  d="M9.92 218.52 L9.92 221.83 L0 220.17 L9.92 218.52 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(214.472,-195.993)">
                <path
                  d="M0 218.52 L0 221.83 L9.92 220.17 L0 218.52 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(79.8267,280.026) rotate(180)">
                <path d="M0 221.83 L34.02 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(143.606,393.411) rotate(180)">
                <path d="M0 221.83 L97.8 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(270.474,68.1185) rotate(90)">
                <path d="M0 221.83 L93.54 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(46.992,-153.71)">
                <path
                  d="M0 221.83 L3.31 221.83 L1.65 211.91 L0 221.83 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(46.992,-50.2452)">
                <path
                  d="M0 211.91 L3.31 211.91 L1.65 221.83 L0 211.91 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(227.228,-163.631)">
                <path d="M0 221.83 L34.02 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(227.228,-142.371)">
                <path d="M0 221.83 L34.02 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(36.581,48.276) rotate(-90)">
                <path d="M0 221.83 L9.92 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(480.238,89.3784) rotate(90)">
                <path d="M0 221.83 L9.92 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(480.238,58.1973) rotate(90)">
                <path d="M0 221.83 L21.26 221.83" class="YCFst2"></path>
              </g>
              <g transform="translate(256.756,-163.631)">
                <path
                  d="M0 211.91 L3.31 211.91 L1.65 221.83 L0 211.91 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(256.756,-132.45)">
                <path
                  d="M0 221.83 L3.31 221.83 L1.65 211.91 L0 221.83 Z"
                  class="YCFst5"
                ></path>
              </g>
              <g transform="translate(147.045,-177.181)">
                <text x="0" y="220.09" class="YCFst6">Y</text>
              </g>
              <g transform="translate(296.615,-94.4959)">
                <text x="0" y="220.09" class="YCFst6">X</text>
              </g>
              <g transform="translate(14.3938,-94.4959)">
                <text x="0" y="220.09" class="YCFst6">X</text>
              </g>
              <g transform="translate(-175.582,119.851) rotate(-90)">
                <text
                  id="YCFSketchH"
                  text-anchor="middle"
                  x="5"
                  y="219.1"
                  class="YCFst4"
                >
                  h
                </text>
              </g>
              <g transform="translate(148.567,-200.046)">
                <text
                  id="YCFSketchB"
                  text-anchor="middle"
                  x="5"
                  y="219.1"
                  class="YCFst4"
                >
                  B
                </text>
              </g>
              <g transform="translate(178.756,-34.5549)">
                <text
                  id="YCFSketchT1"
                  text-anchor="middle"
                  x="8"
                  y="219.1"
                  class="YCFst4"
                >
                  t1
                </text>
              </g>
              <g transform="translate(34.1813,78.7485) rotate(-90)">
                <text
                  id="YCFSketchT2"
                  text-anchor="middle"
                  x="10"
                  y="219.1"
                  class="YCFst4"
                >
                  t2
                </text>
              </g>
              <g transform="translate(-25.983,-67.3498) rotate(-39.7519)">
                <text
                  id="YCFSketchR"
                  text-anchor="middle"
                  x="8"
                  y="219.1"
                  class="YCFst4"
                >
                  r
                </text>
              </g>
              <g transform="translate(62.5287,98.6225) rotate(-90)">
                <text
                  id="YCFSketchCX"
                  text-anchor="middle"
                  x="9"
                  y="219.1"
                  class="YCFst4"
                >
                  Cx
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'g'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.6in"
            height="3.333in"
            viewBox="0 0 324 300"
            class="YCGst6"
          >
            <g transform="scale(0.9375)">
              <g transform="translate(92.0695,-257.265)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(610.45,91.0363) rotate(90)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(262.148,609.417) rotate(180)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(-256.232,261.115) rotate(-90)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(92.0695,-243.092)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(-242.059,261.115) rotate(-90)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(596.277,91.0363) rotate(90)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(262.148,595.243) rotate(180)">
                <path d="M0 319.96 L170.08 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(262.148,-228.919)">
                <path
                  d="M28.35 319.96 A28.3465 28.3465 -180 0 0 0 291.61"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(63.723,-228.919)">
                <path
                  d="M28.35 291.61 A28.3465 28.3465 -180 0 0 -0 319.96"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(63.723,-30.4935)">
                <path
                  d="M0 291.61 A28.3465 28.3465 -180 0 0 28.35 319.96"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(262.148,-30.4935)">
                <path
                  d="M-0 319.96 A28.3465 28.3465 -180 0 0 28.35 291.61"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(262.148,-228.919)">
                <path
                  d="M14.17 319.96 A14.1732 14.1732 -180 0 0 -0 305.78"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(77.8963,-228.919)">
                <path
                  d="M14.17 305.78 A14.1732 14.1732 -180 0 0 -0 319.96"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(77.8963,-44.6668)">
                <path
                  d="M0 305.78 A14.1732 14.1732 -180 0 0 14.17 319.96"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(262.148,-44.6668)">
                <path
                  d="M-0 319.96 A14.1732 14.1732 -180 0 0 14.17 305.78"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(497.064,54.186) rotate(90)">
                <path
                  d="M0 319.96 L243.78 319.96"
                  stroke-dasharray="25,5,5,5"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(55.2191,-143.879)">
                <path
                  d="M0 319.96 L243.78 319.96"
                  stroke-dasharray="25,5,5,5"
                  class="YCGst2"
                ></path>
              </g>
              <g transform="translate(74.6447,527.601) rotate(-133.962)">
                <path d="M0 319.96 L23.39 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(492.451,39.007) rotate(46.0377)">
                <path d="M0 319.96 L28.35 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(281.826,-30.1472)">
                <path
                  d="M8.08 317.66 L5.7 319.96 L0 311.67 L8.08 317.66 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(266.4,457.818) rotate(180)">
                <path d="M0 319.96 L9.92 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(300.416,-182.092)">
                <path d="M0 319.96 L29.59 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(276.321,-182.092)">
                <path d="M0 319.96 L14.17 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(266.4,-180.438)">
                <path
                  d="M0 316.65 L0 319.96 L9.92 318.3 L0 316.65 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(290.495,-180.438)">
                <path
                  d="M9.92 316.65 L9.92 319.96 L0 318.3 L9.92 316.65 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(89.2348,382.645) rotate(180)">
                <path d="M0 319.96 L62.36 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(89.2348,609.417) rotate(180)">
                <path d="M0 319.96 L62.36 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(349.662,72.6112) rotate(90)">
                <path d="M0 319.96 L206.93 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(28.0537,-247.344)">
                <path
                  d="M0 319.96 L3.31 319.96 L1.65 310.03 L0 319.96 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(28.0537,-30.4935)">
                <path
                  d="M0 310.03 L3.31 310.03 L1.65 319.96 L0 310.03 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(-256.232,88.2017) rotate(-90)">
                <path d="M0 319.96 L62.36 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(-29.4604,88.2017) rotate(-90)">
                <path d="M0 319.96 L62.36 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(73.6443,-291.281)">
                <path d="M0 319.96 L206.93 319.96" class="YCGst2"></path>
              </g>
              <g transform="translate(63.723,-289.627)">
                <path
                  d="M9.92 316.65 L9.92 319.96 L0 318.3 L9.92 316.65 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(280.573,-289.627)">
                <path
                  d="M0 316.65 L0 319.96 L9.92 318.3 L0 316.65 Z"
                  class="YCGst5"
                ></path>
              </g>
              <g transform="translate(172.148,-293.68)">
                <text
                  id="YCGSketchB1"
                  text-anchor="middle"
                  x="5"
                  y="317.23"
                  class="YCGst4"
                >
                  B
                </text>
              </g>
              <g transform="translate(-292.647,181.036) rotate(-90)">
                <text
                  id="YCGSketchB2"
                  text-anchor="middle"
                  x="5"
                  y="317.23"
                  class="YCGst4"
                >
                  B
                </text>
              </g>
              <g transform="translate(309.548,-184.491)">
                <text
                  id="YCGSketchT"
                  text-anchor="middle"
                  x="5"
                  y="317.23"
                  class="YCGst4"
                >
                  t
                </text>
              </g>
              <g transform="translate(528.115,70.6366) rotate(46.0377)">
                <text
                  id="YCGSketchR"
                  text-anchor="middle"
                  x="0.04"
                  y="317.23"
                  class="YCGst4"
                >
                  R
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'h'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="2.8326in"
            height="3.3364in"
            viewBox="0 0 255.1 300"
            class="YCHst7"
          >
            <g transform="scale(0.8982)">
              <g transform="translate(89.7359,-271.166)">
                <path d="M0 334.3 L113.39 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(565.773,91.4848) rotate(90)">
                <path d="M0 334.3 L170.08 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(203.122,624.215) rotate(180)">
                <path d="M0 334.3 L113.39 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(-272.915,261.564) rotate(-90)">
                <path d="M0 334.3 L170.08 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(89.7359,-256.993)">
                <path d="M0 334.3 L113.39 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(-258.742,261.564) rotate(-90)">
                <path d="M0 334.3 L170.08 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(551.6,91.4848) rotate(90)">
                <path d="M0 334.3 L170.08 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(203.122,610.042) rotate(180)">
                <path d="M0 334.3 L113.39 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(-272.915,88.6502) rotate(-90)">
                <path d="M0 334.3 L62.36 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(-102.837,88.6502) rotate(-90)">
                <path d="M0 334.3 L62.36 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(71.3107,-305.182)">
                <path d="M0 334.3 L150.24 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(61.3894,-303.529)">
                <path
                  d="M9.92 331 L9.92 334.3 L0 332.65 L9.92 331 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(221.547,-303.529)">
                <path
                  d="M0 331 L0 334.3 L9.92 332.65 L0 331 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(203.122,-242.82)">
                <path
                  d="M28.35 334.3 A28.3465 28.3465 -180 0 0 0 305.96"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(61.3894,-242.82)">
                <path
                  d="M28.35 305.96 A28.3465 28.3465 -180 0 0 -0 334.3"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(61.3894,-44.3948)">
                <path
                  d="M0 305.96 A28.3465 28.3465 -180 0 0 28.35 334.3"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(203.122,-44.3948)">
                <path
                  d="M-0 334.3 A28.3465 28.3465 -180 0 0 28.35 305.96"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(203.122,-242.82)">
                <path
                  d="M14.17 334.3 A14.1732 14.1732 -180 0 0 -0 320.13"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(75.5627,-242.82)">
                <path
                  d="M14.17 320.13 A14.1732 14.1732 -180 0 0 -0 334.3"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(75.5627,-58.568)">
                <path
                  d="M0 320.13 A14.1732 14.1732 -180 0 0 14.17 334.3"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(203.122,-58.568)">
                <path
                  d="M-0 334.3 A14.1732 14.1732 -180 0 0 14.17 320.13"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(480.734,54.6344) rotate(90)">
                <path
                  d="M0 334.3 L243.78 334.3"
                  stroke-dasharray="25,5,5,5"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(52.8855,-157.781)">
                <path
                  d="M0 334.3 L187.09 334.3"
                  stroke-dasharray="25,5,5,5"
                  class="YCHst2"
                ></path>
              </g>
              <g transform="translate(140.434,-15.1247)">
                <text x="0" y="332.56" class="YCHst4">Y</text>
              </g>
              <g transform="translate(140.434,-284.087)">
                <text x="0" y="332.56" class="YCHst4">Y</text>
              </g>
              <g transform="translate(244.307,-150.33)">
                <text x="0" y="332.56" class="YCHst4">X</text>
              </g>
              <g transform="translate(37.6817,-150.33)">
                <text x="0" y="332.56" class="YCHst4">X</text>
              </g>
              <g transform="translate(5.28932,538.011) rotate(-133.962)">
                <path d="M0 334.3 L23.39 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(443.753,29.4941) rotate(46.0377)">
                <path d="M0 334.3 L28.35 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(222.799,-44.0484)">
                <path
                  d="M8.08 332.01 L5.7 334.3 L0 326.02 L8.08 332.01 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(207.374,472.616) rotate(180)">
                <path d="M0 334.3 L9.92 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(241.389,-195.993)">
                <path d="M0 334.3 L29.59 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(217.295,-195.993)">
                <path d="M0 334.3 L14.17 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(207.374,-194.34)">
                <path
                  d="M0 331 L0 334.3 L9.92 332.65 L0 331 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(231.468,-194.34)">
                <path
                  d="M9.92 331 L9.92 334.3 L0 332.65 L9.92 331 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(86.9012,397.443) rotate(180)">
                <path d="M0 334.3 L62.36 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(86.9012,624.215) rotate(180)">
                <path d="M0 334.3 L62.36 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(361.678,73.0596) rotate(90)">
                <path d="M0 334.3 L206.93 334.3" class="YCHst2"></path>
              </g>
              <g transform="translate(25.7201,-261.245)">
                <path
                  d="M0 334.3 L3.31 334.3 L1.65 324.38 L0 334.3 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(25.7201,-44.3948)">
                <path
                  d="M0 324.38 L3.31 324.38 L1.65 334.3 L0 324.38 Z"
                  class="YCHst6"
                ></path>
              </g>
              <g transform="translate(-309.33,181.485) rotate(-90)">
                <text
                  id="YCHSketchH"
                  text-anchor="middle"
                  x="4"
                  y="331.58"
                  class="YCHst5"
                >
                  H
                </text>
              </g>
              <g transform="translate(141.468,-307.581)">
                <text
                  id="YCHSketchB"
                  text-anchor="middle"
                  x="4"
                  y="331.58"
                  class="YCHst5"
                >
                  B
                </text>
              </g>
              <g transform="translate(260.276,-198.392)">
                <text
                  id="YCHSketchT"
                  text-anchor="middle"
                  x="-2"
                  y="331.58"
                  class="YCHst5"
                >
                  t
                </text>
              </g>
              <g transform="translate(480.162,63.7903) rotate(46.0377)">
                <text
                  id="YCHSketchR"
                  text-anchor="middle"
                  x="0.04"
                  y="331.58"
                  class="YCHst5"
                >
                  R
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'i'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="3.36017in"
            height="2.97624in"
            viewBox="0 0 241.932 214.289"
            class="YCIst7"
          >
            <g>
              <g transform="translate(343.316,9.57046) rotate(90)">
                <path
                  d="M0 214.29 L195.02 214.29"
                  stroke-dasharray="25,5,5,5"
                  class="YCIst2"
                ></path>
              </g>
              <g transform="translate(31.5153,-107.207)">
                <path
                  d="M0 214.29 L195.02 214.29"
                  stroke-dasharray="25,5,5,5"
                  class="YCIst2"
                ></path>
              </g>
              <g transform="translate(38.3185,-16.4982)">
                <ellipse
                  cx="90.7087"
                  cy="123.58"
                  rx="90.7087"
                  ry="90.7087"
                  class="YCIst3"
                ></ellipse>
              </g>
              <g transform="translate(49.6571,-27.8368)">
                <ellipse
                  cx="79.3701"
                  cy="134.919"
                  rx="79.3701"
                  ry="79.3701"
                  class="YCIst3"
                ></ellipse>
              </g>
              <g transform="translate(291.161,-46.7495) rotate(30)">
                <path d="M0 214.29 L52.27 214.29" class="YCIst2"></path>
              </g>
              <g transform="translate(190.229,-67.5218)">
                <path
                  d="M1.32 209.17 L0 211.47 L7.54 214.29 L1.32 209.17 Z"
                  class="YCIst4"
                ></path>
              </g>
              <g transform="translate(207.583,-56.7384)">
                <path
                  d="M7.54 212 L6.21 214.29 L0 209.17 L7.54 212 Z"
                  class="YCIst4"
                ></path>
              </g>
              <g transform="translate(126.759,230.663) rotate(180)">
                <path d="M0 214.29 L105.81 214.29" class="YCIst2"></path>
              </g>
              <g transform="translate(126.759,412.08) rotate(180)">
                <path d="M0 214.29 L105.81 214.29" class="YCIst2"></path>
              </g>
              <g transform="translate(237.507,24.3106) rotate(90)">
                <path d="M0 214.29 L165.54 214.29" class="YCIst2"></path>
              </g>
              <g transform="translate(21.8955,-189.978)">
                <path
                  d="M0 214.29 L2.65 214.29 L1.32 206.35 L0 214.29 Z"
                  class="YCIst4"
                ></path>
              </g>
              <g transform="translate(21.8955,-16.4982)">
                <path
                  d="M0 206.35 L2.65 206.35 L1.32 214.29 L0 206.35 Z"
                  class="YCIst4"
                ></path>
              </g>
              <g transform="translate(-191.682,120.2) rotate(-90)">
                <text
                  id="YCISketchD"
                  text-anchor="middle"
                  x="8.2"
                  y="211.56"
                  class="YCIst6"
                >
                  D
                </text>
              </g>
              <g transform="translate(325.013,-27.8474) rotate(30)">
                <text
                  id="YCISketchT"
                  text-anchor="middle"
                  x="7.02"
                  y="211.56"
                  class="YCIst6"
                >
                  t
                </text>
              </g>
            </g>
          </svg>
        </div>
        <div class="svg_local" v-if="chooseSvg == 'j'">
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="6.186663in"
            height="3.3333357in"
            viewBox="0 0 556.8 317.729"
            class="YCABst6"
          >
            <g transform="scale(0.9442)">
              <g transform="translate(421.007,68.1033) rotate(90)">
                <path d="M0 317.73 L170.08 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(103.278,-79.5474)">
                <path d="M0 317.73 L170.08 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(-44.3729,238.182) rotate(-90)">
                <path d="M0 317.73 L14.17 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(259.183,527.565) rotate(180)">
                <path d="M0 317.73 L99.21 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(-186.105,181.489) rotate(-90)">
                <path d="M0 317.73 L99.21 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(117.451,385.833) rotate(180)">
                <path d="M0 317.73 L14.17 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(117.451,-235.453)">
                <path
                  d="M14.17 317.73 A14.1732 14.1732 -180 0 0 -0 303.56"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(259.183,-93.7206)">
                <path
                  d="M14.17 317.73 A14.1732 14.1732 -180 0 0 -0 303.56"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(131.624,-107.894)">
                <path
                  d="M0 289.38 A28.3465 28.3465 -180 0 0 28.35 317.73"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(-84.7419,-23.1355) rotate(-45)">
                <path d="M0 317.73 L28.35 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(139.927,-116.196)">
                <path
                  d="M5.85 309.54 L8.18 311.88 L0 317.73 L5.85 309.54 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(159.971,-136.24)">
                <path d="M0 317.73 L28.35 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(-107.218,-142.392) rotate(-45)">
                <path d="M0 317.73 L30.07 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(119.288,-237.29)">
                <path
                  d="M2.34 317.73 L0 315.39 L8.18 309.54 L2.34 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(138.711,-256.713)">
                <path d="M0 317.73 L28.35 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(34.5147,-0.659802) rotate(-45)">
                <path d="M0 317.73 L30.07 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(261.021,-95.558)">
                <path
                  d="M2.34 317.73 L0 315.39 L8.18 309.54 L2.34 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(280.443,-114.98)">
                <path d="M0 317.73 L28.35 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(687.146,68.1033) rotate(90)">
                <path d="M0 317.73 L170.08 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(369.417,-79.5474)">
                <path d="M0 317.73 L170.08 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(221.766,238.182) rotate(-90)">
                <path d="M0 317.73 L14.17 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(525.322,-93.7206)">
                <path
                  d="M14.17 317.73 A14.1732 14.1732 -180 0 0 -0 303.56"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(525.322,527.565) rotate(180)">
                <path d="M0 317.73 L99.21 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(80.0337,181.489) rotate(-90)">
                <path d="M0 317.73 L99.21 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(397.763,-107.894)">
                <path
                  d="M0 289.38 A28.3465 28.3465 -180 0 0 28.35 317.73"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(383.59,385.833) rotate(180)">
                <path d="M0 317.73 L14.17 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(383.59,-235.453)">
                <path
                  d="M14.17 317.73 A14.1732 14.1732 -180 0 0 -0 303.56"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(264.147,468.864) rotate(-135)">
                <path
                  d="M0 317.73 L177.36 317.73"
                  stroke-dasharray="25,5,5,5"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(743.839,59.5994) rotate(90)">
                <path
                  d="M0 317.73 L187.09 317.73"
                  stroke-dasharray="25,5,5,5"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(360.913,-136.24)">
                <path
                  d="M0 317.73 L187.09 317.73"
                  stroke-dasharray="25,5,5,5"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(138.735,19.5266) rotate(-45)">
                <path
                  d="M0 317.73 L177.36 317.73"
                  stroke-dasharray="25,5,5,5"
                  class="YCABst2"
                ></path>
              </g>
              <g transform="translate(351.951,-60.4135)">
                <text x="0" y="316.51" class="YCABst5">u</text>
              </g>
              <g transform="translate(493.683,-202.146)">
                <text x="0" y="316.51" class="YCABst5">u</text>
              </g>
              <g transform="translate(351.771,-202.146)">
                <text x="0" y="316.51" class="YCABst5">v</text>
              </g>
              <g transform="translate(493.503,-60.4135)">
                <text x="0" y="316.51" class="YCABst5">v</text>
              </g>
              <g transform="translate(51.6872,65.2687) rotate(-90)">
                <path d="M0 317.73 L34.02 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(108.38,56.7648) rotate(-90)">
                <path d="M0 317.73 L25.51 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(379.338,-283.642)">
                <path d="M0 317.73 L36.85 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(369.417,-281.988)">
                <path
                  d="M9.92 314.42 L9.92 317.73 L0 316.08 L9.92 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(416.188,-281.988)">
                <path
                  d="M0 314.42 L0 317.73 L9.92 316.08 L0 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(93.3566,-162.933)">
                <path
                  d="M0 314.42 L0 317.73 L9.92 316.08 L0 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(131.624,-162.933)">
                <path
                  d="M9.92 314.42 L9.92 317.73 L0 316.08 L9.92 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(151.467,470.872) rotate(180)">
                <path d="M0 317.73 L85.04 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(386.992,78.0246) rotate(90)">
                <path d="M0 317.73 L65.2 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(67.6085,-239.705)">
                <path
                  d="M0 317.73 L3.31 317.73 L1.65 307.81 L0 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(67.6085,-164.587)">
                <path
                  d="M0 307.81 L3.31 307.81 L1.65 317.73 L0 307.81 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(421.645,-53.3269)">
                <text x="0" y="316.51" class="YCABst5">Y</text>
              </g>
              <g transform="translate(421.645,-293.608)">
                <text x="0" y="316.51" class="YCABst5">Y</text>
              </g>
              <g transform="translate(556.291,-131.28)">
                <text x="0" y="316.51" class="YCABst5">X</text>
              </g>
              <g transform="translate(315.762,-131.28)">
                <text x="0" y="316.51" class="YCABst5">X</text>
              </g>
              <g transform="translate(421.007,241.017) rotate(90)">
                <path d="M0 317.73 L62.36 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(591.086,241.017) rotate(90)">
                <path d="M0 317.73 L62.36 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(113.199,-17.1852)">
                <path d="M0 317.73 L150.24 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(103.278,-15.5316)">
                <path
                  d="M9.92 314.42 L9.92 317.73 L0 316.08 L9.92 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(263.435,-15.5316)">
                <path
                  d="M0 314.42 L0 317.73 L9.92 316.08 L0 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(186.664,-69.6261)">
                <path
                  d="M0 317.73 L3.31 317.73 L1.65 307.81 L0 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(186.664,-107.894)">
                <path
                  d="M0 307.81 L3.31 307.81 L1.65 317.73 L0 307.81 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(100.443,385.833) rotate(180)">
                <path d="M0 317.73 L62.36 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(100.443,555.912) rotate(180)">
                <path d="M0 317.73 L62.36 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(358.645,78.0246) rotate(90)">
                <path d="M0 317.73 L150.24 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(39.2621,-239.705)">
                <path
                  d="M0 317.73 L3.31 317.73 L1.65 307.81 L0 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(39.2621,-79.5474)">
                <path
                  d="M0 307.81 L3.31 307.81 L1.65 317.73 L0 307.81 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(358.078,499.219) rotate(180)">
                <path d="M0 317.73 L25.51 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(366.582,555.912) rotate(180)">
                <path d="M0 317.73 L34.02 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(653.13,191.41) rotate(90)">
                <path d="M0 317.73 L36.85 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(333.747,-126.319)">
                <path
                  d="M0 317.73 L3.31 317.73 L1.65 307.81 L0 317.73 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(333.747,-79.5474)">
                <path
                  d="M0 307.81 L3.31 307.81 L1.65 317.73 L0 307.81 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(506.047,189.993) rotate(90)">
                <path d="M0 317.73 L85.04 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(198.238,-45.5316)">
                <path d="M0 317.73 L65.2 317.73" class="YCABst2"></path>
              </g>
              <g transform="translate(188.317,-43.8781)">
                <path
                  d="M9.92 314.42 L9.92 317.73 L0 316.08 L9.92 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(263.435,-43.8781)">
                <path
                  d="M0 314.42 L0 317.73 L9.92 316.08 L0 314.42 Z"
                  class="YCABst3"
                ></path>
              </g>
              <g transform="translate(-279.213,158.103) rotate(-90)">
                <text
                  id="YCABSketchA"
                  text-anchor="middle"
                  x="3"
                  y="315"
                  class="YCABst5"
                >
                  A
                </text>
              </g>
              <g transform="translate(-250.867,125.505) rotate(-90)">
                <text
                  id="YCABSketchA2"
                  text-anchor="middle"
                  x="13"
                  y="315"
                  class="YCABst5"
                >
                  A/2
                </text>
              </g>
              <g transform="translate(183.357,-19.584)">
                <text
                  id="YCABSketchB"
                  text-anchor="middle"
                  x="3"
                  y="315"
                  class="YCABst5"
                >
                  B
                </text>
              </g>
              <g transform="translate(215.955,-47.9314)">
                <text
                  id="YCABSketchB2"
                  text-anchor="middle"
                  x="13"
                  y="315"
                  class="YCABst5"
                >
                  B/2
                </text>
              </g>
              <g transform="translate(112.49,-166.986)">
                <text
                  id="YCABSketchT1"
                  text-anchor="middle"
                  x="5"
                  y="315"
                  class="YCABst5"
                >
                  t
                </text>
              </g>
              <g transform="translate(-131.811,228.969) rotate(-90)">
                <text
                  id="YCABSketchT2"
                  text-anchor="middle"
                  x="5"
                  y="315"
                  class="YCABst5"
                >
                  t
                </text>
              </g>
              <g transform="translate(168.687,-138.366)">
                <text
                  id="YCABSketchR1"
                  text-anchor="middle"
                  x="8"
                  y="316.51"
                  class="YCABst5"
                >
                  r1
                </text>
              </g>
              <g transform="translate(287.87,-117.105)">
                <text
                  id="YCABSketchR21"
                  text-anchor="middle"
                  x="8"
                  y="316.51"
                  class="YCABst5"
                >
                  r2
                </text>
              </g>
              <g transform="translate(146.137,-258.838)">
                <text
                  id="YCABSketchR22"
                  text-anchor="middle"
                  x="8"
                  y="316.51"
                  class="YCABst5"
                >
                  r2
                </text>
              </g>
              <g transform="translate(15.2727,219.757) rotate(-90)">
                <text
                  id="YCABSketchCX"
                  text-anchor="middle"
                  x="9"
                  y="315"
                  class="YCABst5"
                >
                  Cx
                </text>
              </g>
              <g transform="translate(387.842,-287.281)">
                <text
                  id="YCABSketchCY"
                  text-anchor="middle"
                  x="9"
                  y="315"
                  class="YCABst5"
                >
                  Cy
                </text>
              </g>
            </g>
          </svg>
        </div>
      </div>

      <div v-if="chooseSvg == 'a'" class="table_spec_table">
        <el-table
          :header-cell-style="{ background: '#fafbfc', color: '#333333' }"
          highlight-current-row
          @row-click="rowClick_spec_a"
          style="width: 100%; height: 352px"
          size="small"
          :data="DBtableData"
        >
          <el-table-column
            align="center"
            label="序号"
            type="index"
          ></el-table-column>

          <el-table-column
            align="center"
            label="标记"
            prop="equal_leg_angle"
          ></el-table-column>

          <el-table-column
            align="center"
            label="型号"
            prop="type"
          ></el-table-column>
          <el-table-column
            align="center"
            label="截面积,cm²"
            prop="cross_sectional_area"
          ></el-table-column>
          <el-table-column
            align="center"
            label="理论重量,kg/m²"
            prop="nominal_weight"
          ></el-table-column>

          <el-table-column
            align="center"
            label="外表面积,m²/m"
            prop="surface_area"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性矩Ix,cm⁴"
            prop="momentofinertia_l_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X1'"
            label="惯性矩Ix1,cm⁴"
            prop="momentofinertia_l_x1"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X0'"
            label="惯性矩Ix0,cm⁴"
            prop="momentofinertia_l_x0"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y0'"
            label="惯性矩Iy0,cm⁴"
            prop="momentofinertia_l_y0"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性半径ix,cm"
            prop="radiusofgyration_i_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X0'"
            label="惯性半径ix0,cm"
            prop="radiusofgyration_i_x0"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y0'"
            label="惯性半径iy0,cm"
            prop="radiusofgyration_i_y0"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="截面模数Wx,cm³"
            prop="section_modulus_W_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X0'"
            label="截面模数Wx0,cm³"
            prop="section_modulus_W_x0"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y0'"
            label="截面模数Wy0,cm³"
            prop="section_modulus_W_y0"
          ></el-table-column>
          <el-table-column
            align="center"
            label="重心距离Z0,cm"
            prop="centroid_distance"
          ></el-table-column>
        </el-table>
      </div>

      <div v-if="chooseSvg == 'd'" class="table_spec_table">
        <el-table
          :header-cell-style="{ background: '#fafbfc', color: '#333333' }"
          highlight-current-row
          @row-click="rowClick_spec_d"
          style="width: 100%; height: 352px"
          size="small"
          :data="DBtableData"
        >
          <el-table-column
            align="center"
            label="序号"
            type="index"
          ></el-table-column>
          <el-table-column
            show-overflow-tooltip
            align="center"
            label="标记"
            prop="unequal_leg_angle"
          ></el-table-column>
          <el-table-column
            align="center"
            label="型号"
            prop="type"
          ></el-table-column>
          <el-table-column
            align="center"
            label="截面积,cm²"
            prop="cross_sectional_area"
          ></el-table-column>
          <el-table-column
            align="center"
            label="理论重量,kg/m²"
            prop="nominal_weight"
          ></el-table-column>

          <el-table-column
            align="center"
            label="外表面积,m²/m"
            prop="surface_area"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性矩Ix,cm⁴"
            prop="momentofinertia_l_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X1'"
            label="惯性矩Ix1,cm⁴"
            prop="momentofinertia_l_x1"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性矩Iy,cm⁴"
            prop="momentofinertia_l_y"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y1'"
            label="惯性矩Iy1,cm⁴"
            prop="momentofinertia_l_y1"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'U'"
            label="惯性矩Iu,cm⁴"
            prop="momentofinertia_l_u"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性半径ix,cm"
            prop="radiusofgyration_i_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性半径iy,cm"
            prop="radiusofgyration_i_y"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'U'"
            label="惯性半径iu,cm"
            prop="radiusofgyration_i_u"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="截面模数Wx,cm³"
            prop="section_modulus_W_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'U'"
            label="截面模数Wu,cm³"
            prop="section_modulus_W_u"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="截面模数Wy,cm³"
            prop="section_modulus_W_y"
          ></el-table-column>

          <el-table-column
            align="center"
            label="tana"
            prop="tga"
          ></el-table-column>
          <el-table-column
            align="center"
            label="重心距离x0,cm"
            prop="centroid_distance_X0"
          ></el-table-column>
          <el-table-column
            align="center"
            label="重心距离y0,cm"
            prop="centroid_distance_Y0"
          ></el-table-column>
        </el-table>
      </div>

      <div v-if="chooseSvg == 'c'" class="table_spec_table">
        <el-table
          :header-cell-style="{ background: '#fafbfc', color: '#333333' }"
          highlight-current-row
          @row-click="rowClick_spec_c"
          style="width: 100%; height: 352px"
          size="small"
          :data="DBtableData"
        >
          <el-table-column
            align="center"
            label="序号"
            type="index"
          ></el-table-column>
          <el-table-column
            show-overflow-tooltip
            align="center"
            label="标记"
            prop="i_steel"
          ></el-table-column>
          <el-table-column
            align="center"
            label="型号"
            prop="type"
            width="50"
          ></el-table-column>
          <el-table-column
            align="center"
            label="截面积,cm²"
            prop="cross_sectional_area"
          ></el-table-column>
          <el-table-column
            align="center"
            label="理论重量,kg/m²"
            prop="nominal_weight"
          ></el-table-column>

          <el-table-column
            align="center"
            label="外表面积,m²/m"
            prop="surface_area"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性矩Ix,cm⁴"
            prop="momentofinertia_l_x"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性矩Iy,cm⁴"
            prop="momentofinertia_l_y"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性半径ix,cm"
            prop="radiusofgyration_i_x"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性半径iy,cm"
            prop="radiusofgyration_i_y"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="截面模数Wx,cm³"
            prop="section_modulus_W_x"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="截面模数Wy,cm³"
            prop="section_modulus_W_y"
          ></el-table-column>
        </el-table>
      </div>

      <div v-if="chooseSvg == 'b'" class="table_spec_table">
        <el-table
          :header-cell-style="{ background: '#fafbfc', color: '#333333' }"
          highlight-current-row
          @row-click="rowClick_spec_b"
          style="width: 100%; height: 352px"
          size="small"
          :data="DBtableData"
        >
          <el-table-column
            align="center"
            label="序号"
            type="index"
          ></el-table-column>
          <el-table-column
            show-overflow-tooltip
            align="center"
            label="标记"
            prop="u_steel"
          ></el-table-column>
          <el-table-column
            align="center"
            label="型号"
            prop="type"
          ></el-table-column>
          <el-table-column
            align="center"
            label="截面积,cm²"
            prop="cross_sectional_area"
          ></el-table-column>
          <el-table-column
            align="center"
            label="理论重量,kg/m²"
            prop="nominal_weight"
          ></el-table-column>

          <!-- <el-table-column align='center' label="外表面积,m²/m" prop="surface_area" width="100"></el-table-column> -->
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性矩Ix,cm⁴"
            prop="momentofinertia_l_x"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性矩Iy,cm⁴"
            prop="momentofinertia_l_y"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'Y1'"
            label="惯性矩Iy1,cm⁴"
            prop="momentofinertia_l_y1"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="惯性半径ix,cm"
            prop="radiusofgyration_i_x"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="惯性半径iy,cm"
            prop="radiusofgyration_i_y"
          ></el-table-column>
          <el-table-column
            align="center"
            v-if="radio1 === 'X'"
            label="截面模数Wx,cm³"
            prop="section_modulus_W_x"
          ></el-table-column>

          <el-table-column
            align="center"
            v-if="radio1 === 'Y'"
            label="截面模数Wy,cm³"
            prop="section_modulus_W_y"
          ></el-table-column>
          <el-table-column
            align="center"
            label="重心距离Z0,cm"
            prop="centroid_distance_Z0"
          ></el-table-column>
          <el-table-column
            align="center"
            label="重心距离Zy,cm"
            prop="centroid_distance_Zy"
          ></el-table-column>
        </el-table>
      </div>

      <div style="margin-top: 10px; text-align: right">
        <el-button
          :disabled="choose_text !== '' ? false : true"
          size="small"
          @click="click_sub"
          type="primary"
          >确认</el-button
        >
        <el-button size="small" @click="before_close" type="danger"
          >取消</el-button
        >
      </div>
    </el-dialog>
  </div>
</template>

<script setup>
import Sortable from "sortablejs";
import {
  onMounted,
  ref,
  watch,
  defineAsyncComponent,
  nextTick,
  onUnmounted,
} from "vue";
import { ElMessageBox, ElMessage } from "element-plus";
import {
  CircleCheck,
  CircleClose,
  SuccessFilled,
  Operation,
  Search,
  PictureFilled,
  ChatDotSquare,
  CirclePlus,
  Upload,
  Download,
  Delete,
  Filter,
  Warning,
} from "@element-plus/icons-vue";
import { useProjectStore } from "../../stores/project";
import {
  GetUSteelMeta,
  GetISteelMeta,
  GetUnEqualLegAngleMeta,
  GetEqualLegAngleMeta,
  GetSolidSiloFrictionMetaDatas,
  DeleteSolidSiloShellData,
  SaveSolidSiloShellData,
  SaveSolidConeBottomData,
  SaveSolidSiloSkirtData,
  SaveSolidConeTopData,
  GetSolidSiloMaterialMetaDatas,
  GetSolidSiloAllDatas,
  SaveSolidSiloCommonData,
  SaveSolidSiloSupportData,
  DeleteSolidSiloShellDatas,
  DeleteSolidSiloConeBottomDatas,
  DeleteSolidSiloSkirtDatas,
  DeleteSolidSiloConeTopDatas,
  DeleteSolidSiloConeTopPartData,
  DeleteSolidSiloConeBottomPartData,
  DeleteSolidSiloSkirtPartData,
} from "/@/api/commonCom/index";
import { GetProjBasicDesignData } from "/@/api/projectManage/projectList";

const Cad = defineAsyncComponent(() => import("./components/cad.vue"));
const projectStore = useProjectStore();
let pane_active = ref("料仓质量");

let chooseSvg = ref("a");
let choose_text = ref("");
let choose_spec_data_item = ref({});

let rowClick_spec_a = (data) => {
  console.log(data);
  choose_text.value = `${chooseItemData.value.label.slice(
    0,
    chooseItemData.value.label.indexOf("，")
  )} - ${data.equal_leg_angle} - ${radio1.value}轴`;
  document.querySelector("#YCAASketchB1").innerHTML = data.section_dimensions_b;
  document.querySelector("#YCAASketchB2").innerHTML = data.section_dimensions_b;
  document.querySelector("#YCAASketchD2").innerHTML = data.section_dimensions_d;
  document.querySelector("#YCAASketchD1").innerHTML = data.section_dimensions_d;
  document.querySelector("#YCAASketchZ0").innerHTML = (
    Number(data.centroid_distance) * 10
  ).toFixed(1);
  document.querySelector("#YCAASketchR").innerHTML = data.section_dimensions_r;
  choose_spec_data_item.value = data;
};

let rowClick_spec_d = (data) => {
  console.log(data);
  choose_spec_data_item.value = data;
  choose_text.value = `${chooseItemData.value.label.slice(
    0,
    chooseItemData.value.label.indexOf("，")
  )} - ${data.unequal_leg_angle} - ${radio1.value}轴`;
  document.querySelector("#YCDSketchBB").innerHTML = data.section_dimensions_B;
  document.querySelector("#YCDSketchX0").innerHTML = (
    Number(data.centroid_distance_X0) * 10
  ).toFixed(1);
  document.querySelector("#YCDSketchD1").innerHTML = data.section_dimensions_d;
  document.querySelector("#YCDSketchD2").innerHTML = data.section_dimensions_d;
  document.querySelector("#YCDSketchR").innerHTML = data.section_dimensions_r;
  document.querySelector("#YCDSketchAlpha").innerHTML = data.tga;
  document.querySelector("#YCDSketchSB").innerHTML = data.section_dimensions_b1;
  document.querySelector("#YCDSketchY0").innerHTML = (
    Number(data.centroid_distance_Y0) * 10
  ).toFixed(1);
};

let rowClick_spec_c = (data) => {
  console.log(data);
  choose_spec_data_item.value = data;
  choose_text.value = `${chooseItemData.value.label.slice(
    0,
    chooseItemData.value.label.indexOf("，")
  )} - ${data.i_steel} - ${radio1.value}轴`;
  document.querySelector("#YCCSketchR1").innerHTML = data.section_dimensions_ri;
  document.querySelector("#YCCSketchR").innerHTML = Number(
    data.section_dimensions_r
  );
  document.querySelector("#YCCSketchD").innerHTML = data.section_dimensions_d;
  document.querySelector("#YCCSketchH").innerHTML = data.section_dimensions_h;
  document.querySelector("#YCCSketchB").innerHTML = data.section_dimensions_b;
  document.querySelector("#YCCSketchBD42").innerHTML =
    (Number(data.section_dimensions_b) - Number(data.section_dimensions_d)) / 4;
  document.querySelector("#YCCSketchBD41").innerHTML =
    (Number(data.section_dimensions_b) - Number(data.section_dimensions_d)) / 4;
};

let rowClick_spec_b = (data) => {
  console.log(data);
  choose_spec_data_item.value = data;
  choose_text.value = `${chooseItemData.value.label.slice(
    0,
    chooseItemData.value.label.indexOf("，")
  )} - ${data.u_steel} - ${radio1.value}轴`;
  document.querySelector("#YCBSketchZ0").innerHTML = (
    Number(data.centroid_distance_Z0) * 10
  ).toFixed(1);
  document.querySelector("#YCBSketchH").innerHTML = Number(
    data.section_dimensions_h
  );
  document.querySelector("#YCBSketchD").innerHTML = data.section_dimensions_d;

  document.querySelector("#YCBSketchR").innerHTML = data.section_dimensions_r;

  document.querySelector("#YCBSketchB").innerHTML = data.section_dimensions_b;
  document.querySelector("#YCBSketchR1").innerHTML = data.section_dimensions_r1;

  document.querySelector("#YCBSketchT").innerHTML = data.section_dimensions_t;
  document.querySelector("#YCBSketchBD22").innerHTML =
    (Number(data.section_dimensions_b) - Number(data.section_dimensions_d)) / 2;
  document.querySelector("#YCBSketchBD21").innerHTML =
    (Number(data.section_dimensions_b) - Number(data.section_dimensions_d)) / 2;
};

let buttonSpec = ref([
  {
    icon: "a",
    url: "a.png",
    label: "等边角钢，数据来源：GB/T 706-2016《热轧型钢》",
    check: true,
    XY: ["X", "X1", "X0", "Y0"],
    type: [],
  },

  {
    icon: "d",
    url: "d.png",
    label: "不等边角钢，数据来源：GB/T 706-2016《热轧型钢》",
    check: false,
    XY: ["X", "X1", "Y", "Y1", "U"],
    type: [],
  },
  {
    icon: "c",
    url: "c.png",
    label: "工字钢，数据来源：GB/T 706-2016《热轧型钢》",
    check: false,
    XY: ["X", "Y"],
    type: [],
  },
  {
    icon: "b",
    url: "b.png",
    label: "槽钢，数据来源：GB/T 706-2016《热轧型钢》",
    check: false,
    XY: ["X", "Y", "Y1"],
    type: [],
  },

  {
    icon: "e",
    url: "e.png",
    label: "H型钢，数据来源：GB/T 11263-2017《热轧H型钢和剖分T型钢》",
    check: false,
    XY: ["X", "Y"],
    type: [],
  },
  {
    icon: "f",
    url: "f.png",
    label: "T型钢，数据来源：GB/T 11263-2017《热轧H型钢和剖分T型钢》",
    check: false,
    XY: ["X", "Y"],
    type: [],
  },
  {
    icon: "g",
    url: "g.png",
    label: "方形型钢，数据来源：GB/T 6728-2017《结构用冷弯空心型钢》",
    check: false,
    XY: [],

    type: ["材料Ⅰ：碳素钢(ReL≤320MPa)", "材料Ⅱ：低合金钢(ReL>320MPa)"],
  },
  {
    icon: "h",
    url: "h.png",
    label: "矩形型钢，数据来源：GB/T 6728-2017《结构用冷弯空心型钢》",
    check: false,
    XY: ["X", "Y"],
    type: ["材料Ⅰ：碳素钢(ReL≤320MPa)", "材料Ⅱ：低合金钢(ReL>320MPa)"],
  },
  {
    icon: "i",
    url: "i.png",
    label: "圆形型钢，数据来源：GB/T 6728-2017《结构用冷弯空心型钢》",
    check: false,
    XY: [],
    type: [],
  },
  {
    icon: "j",
    url: "j.png",
    label: "不锈钢等边角钢，数据来源：YB/T 5309-2006《不锈钢热轧等边角钢》",
    check: false,
    XY: ["X", "Y", "U", "V"],
    type: [
      "材料Ⅰ：S30210/S30408/S30403/S32168",
      "材料Ⅱ：S31608/S31603/S34778",
      "材料Ⅲ：S11710",
    ],
  },
]);

let showCad = ref(false);

let propsObj = ref({});

let TableRef = ref(null);
let tableDataChooseData = ref([
  {
    type: "主体数据",
    computerName: "主体数据",
    status: 0, // 0 未完成  1 完成，
  },
]);
const currentRow = ref(tableDataChooseData.value[0]);

let outerVisible = ref(false);
let bindName = ref("");
const handleCurrentChange = (val) => {
  currentRow.value = val;
};

const activeNames = ref(["1", "2"]);

let middelData = ref({});
let currentName = ref("");
let rowClick = (data) => {
  middelData.value = data;
  currentName.value = data.type;
};

let getTime = () => {
  // 获取当前时间的年份、月份、日期、小时、分钟和秒
  const date = new Date();

  const year = date.getFullYear(); // 获取年份（4位数）
  const month = date.getMonth() + 1; // 获取月份（注意：getMonth() 返回 0-11，需要加 1）
  const day = date.getDate(); // 获取日期（1-31）
  const hour = date.getHours(); // 获取小时（0-23）
  const minute = date.getMinutes(); // 获取分钟（0-59）
  const second = date.getSeconds(); // 获取秒（0-59）

  // 格式化输出为 YYYY-MM-DD HH:MM:SS
  const monthFormatted = month.toString().padStart(2, "0");
  const dayFormatted = day.toString().padStart(2, "0");
  const hourFormatted = hour.toString().padStart(2, "0");
  const minuteFormatted = minute.toString().padStart(2, "0");
  const secondFormatted = second.toString().padStart(2, "0");
  let str = `${year}-${monthFormatted}-${dayFormatted} ${hourFormatted}:${minuteFormatted}:${secondFormatted}`;
  return str;
};

let ZTsumbit = async () => {
  let obj = {
    ...middleForm.value,
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    create_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
    modify_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
    modify_time: getTime(),
    create_time: getTime(),
  };

  !obj.id ? (obj.id = 0) : "";

  console.log(obj);

  let res = await SaveSolidSiloCommonData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res === "True") {
    ElMessage({
      message: "保存成功",
      type: "success",
    });

    randerAll();
  } else {
    ElMessage({
      message: "保存失败",
      type: "error",
    });
  }
};

let ZZsumbit = async () => {
  let obj = {
    id: localsolidSiloSupportData.value.id,
    seismic_design_intensity: designDatas.value.seismic_design_intensity,
    seismic_acceleration: designDatas.value.design_basic_seismic_acceleration,
    site_class: designDatas.value.site_soil_class,
    seismic_design_category: designDatas.value.design_earthquake_group,
    terrain_roughness: designDatas.value.ground_roughness,
    wind_pressure: designDatas.value.basic_wind_pressure,
    snow_pressure: designDatas.value.snow_load,
    support_type: localsolidSiloSupportData.value.support_type,
    material_property: localsolidSiloSupportData.value.material_property,
    damping_ratio: localsolidSiloSupportData.value.damping_ratio,
    damping_adjustment_factor: localsolidSiloSupportDataCom.value.ZNTZXS,
    seismic_influence_factor: localsolidSiloSupportDataCom.value.DZYX,
    acceleration: localsolidSiloSupportData.value.acceleration,
    manhole_height: localsolidSiloSupportData.value.manhole_height,

    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    create_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
    modify_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
    modify_time: getTime(),
    create_time: getTime(),
  };

  !obj.id ? (obj.id = 0) : "";

  let res = await SaveSolidSiloSupportData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res === "True") {
    ElMessage({
      message: "保存成功",
      type: "success",
    });

    randerAll();
  } else {
    ElMessage({
      message: "保存失败",
      type: "error",
    });
  }
};

let randerAll = async () => {
  await getZTData();
  middelData.value.type = "";
  tableDataChooseData.value.forEach((v) => {
    if (v.type === currentName.value) {
      TableRef.value.setCurrentRow(v);
    }
  });

  setTimeout(() => {
    middelData.value.type = currentName.value;
  });
};

let submitTT = async () => {
  let obj = {
    ...barrelDataTT.value,
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    id: barrelDataTT.value.id ? barrelDataTT.value.id : 0,
    SolidSiloShellPartDatas: barrelDataForTT.value.map((v, i) => {
      return {
        ...v.data,
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        index: i,
        id: v.data.id ? v.data.id : 0,
        create_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
        modify_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
        modify_time: getTime(),
        create_time: getTime(),
      };
    }),
  };

  let res = await SaveSolidSiloShellData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res == "True") {
    randerAll();
    ElMessage({
      message: "保存成功",
      type: "success",
    });
  }
};

let allDataGet = ref({});
let radio1 = ref("X");

watch(radio1, () => {
  console.log(radio1.value);
});

let localSolidSiloConeBottomData = ref({});
let localSolidSiloConeBottomPartDatas = ref([]);

let localsolidSiloConeTopData = ref({});
let localSolidSiloConeTopPartDatas = ref([]);

let localsolidSiloSupportData = ref({});
let localsolidSiloSupportDataCom = ref({});

let localsolidSiloSkirtData = ref({});
let localSolidSiloSkirtPartDatas = ref([]);

let getZTData = async () => {
  barrelDataForTT.value = [];
  localSolidSiloConeBottomPartDatas.value = [];
  localSolidSiloConeTopPartDatas.value = [];
  localSolidSiloSkirtPartDatas.value = [];
  let res = await GetSolidSiloAllDatas({
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
  });

  allDataGet.value = JSON.parse(JSON.stringify(res));

  tableDataChooseData.value = [
    {
      type: "主体数据",
      computerName: "主体数据",
      status: 0, // 0 未完成  1 完成，
    },
  ];

  if (!res.solidSiloConeTopData) {
    allDataGet.value.solidSiloConeTopData = {};
    titleCheck.value.forEach((v) => {
      if (v.name === "锥顶") {
        v.check = false;
      }
    });
  }
  if (
    res.solidSiloConeTopData &&
    Object.keys(res.solidSiloConeTopData).length > 0
  ) {
    titleCheck.value.forEach((v) => {
      if (v.name === "锥顶") {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type: "锥顶",
      computerName: "锥顶",
      status: 0, // 0 未完成  1 完成，
    });
  }

  if (!res.solidSiloShellData) {
    allDataGet.value.solidSiloShellData = {};
    titleCheck.value.forEach((v) => {
      if (v.name === "筒体") {
        v.check = false;
      }
    });
  }
  if (
    res.solidSiloShellData &&
    Object.keys(res.solidSiloShellData).length > 0
  ) {
    titleCheck.value.forEach((v) => {
      if (v.name === "筒体") {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type: "筒体",
      computerName: "筒体",
      status: 0, // 0 未完成  1 完成，
    });
  }

  if (!res.solidSiloConeBottomData) {
    allDataGet.value.solidSiloConeBottomData = {};
    titleCheck.value.forEach((v) => {
      if (v.name === "锥底") {
        v.check = false;
      }
    });
  }
  if (
    res.solidSiloConeBottomData &&
    Object.keys(res.solidSiloConeBottomData).length > 0
  ) {
    titleCheck.value.forEach((v) => {
      if (v.name === "锥底") {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type: "锥底",
      computerName: "锥底",
      status: 0, // 0 未完成  1 完成，
    });
  }

  if (!res.solidSiloSkirtData) {
    allDataGet.value.solidSiloSkirtData = {};
    titleCheck.value.forEach((v) => {
      if (v.name === "裙座") {
        v.check = false;
      }
    });
  }

  if (
    res.solidSiloSkirtData &&
    Object.keys(res.solidSiloSkirtData).length > 0 &&
    Object.keys(res.solidSiloSkirtData).length > 0
  ) {
    titleCheck.value.forEach((v) => {
      if (v.name === "裙座") {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type: "裙座",
      computerName: "裙座",
      status: 0, // 0 未完成  1 完成，
    });
  }

  if (!res.solidSiloSupportData) {
    allDataGet.value.solidSiloSupportData = {};
    titleCheck.value.forEach((v) => {
      if (v.name === "支座") {
        v.check = false;
      }
    });
  }
  if (
    res.solidSiloSupportData &&
    Object.keys(res.solidSiloSupportData).length > 0
  ) {
    titleCheck.value.forEach((v) => {
      if (v.name === "支座") {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type: "支座",
      computerName: "支座",
      status: 0, // 0 未完成  1 完成，
    });
  }

  return true;
};

let countLoadNum = ref(0);
let TableMc = ref([]);
let getTableMC = async () => {
  let res = await GetSolidSiloFrictionMetaDatas();
  TableMc.value = res;
};
watch(
  middelData,
  async () => {
    if (middelData.value.type === "主体数据") {
      getTableMC();
      middleForm.value = {
        ...allDataGet.value["solidSiloCommonData"],
        ...middleForm.value,
      };
    }

    // if (middelData.value.type === "筒体") {
    //   if (Object.keys(allDataGet.value["solidSiloShellData"]).length > 1) {
    //     barrelDataTT.value = {
    //       ...allDataGet.value["solidSiloShellData"],
    //       ...barrelDataTT.value,
    //     };

    //     if (barrelDataForTT.value.length === 0) {
    //       console.log("重新加载");
    //       barrelDataForTT.value = allDataGet.value["solidSiloShellData"][
    //         "SolidSiloShellPartDatas"
    //       ].map((v) => {
    //         return {
    //           collapseName: `${v.shell_index}`,
    //           index: v.shell_index,
    //           data: v,
    //         };
    //       });
    //     }
    //   } else {
    //     // barrelDataTT.value = {}
    //     // barrelDataForTT.value = []
    //   }

    //   sortMove();
    // }


     if (Object.keys(allDataGet.value["solidSiloShellData"]).length > 1) {
        barrelDataTT.value = {
          ...allDataGet.value["solidSiloShellData"],
          ...barrelDataTT.value,
        };

        if (barrelDataForTT.value.length === 0) {
          console.log("重新加载");
          barrelDataForTT.value = allDataGet.value["solidSiloShellData"][
            "SolidSiloShellPartDatas"
          ].map((v) => {
            return {
              collapseName: `${v.shell_index}`,
              index: v.shell_index,
              data: v,
            };
          });
        }
      } else {
        // barrelDataTT.value = {}
        // barrelDataForTT.value = []
      }

      sortMove();

    // if (middelData.value.type === "锥顶") {
    //   if (Object.keys(allDataGet.value["solidSiloConeTopData"]).length > 1) {
    //     localsolidSiloConeTopData.value = {
    //       ...allDataGet.value["solidSiloConeTopData"],
    //       ...localsolidSiloConeTopData.value,
    //     };

    //     if (localSolidSiloConeTopPartDatas.value.length === 0) {
    //       console.log("重新加载");
    //       localSolidSiloConeTopPartDatas.value = allDataGet.value[
    //         "solidSiloConeTopData"
    //       ]["SolidSiloConeTopPartDatas"].map((v) => {
    //         return {
    //           collapseName: `${v.shell_index}`,
    //           index: v.shell_index,
    //           data: v,
    //         };
    //       });
    //     }
    //   }

    //   sortMoveZT();
    // }


    if (Object.keys(allDataGet.value["solidSiloConeTopData"]).length > 1) {
        localsolidSiloConeTopData.value = {
          ...allDataGet.value["solidSiloConeTopData"],
          ...localsolidSiloConeTopData.value,
        };

        if (localSolidSiloConeTopPartDatas.value.length === 0) {
          console.log("重新加载");
          localSolidSiloConeTopPartDatas.value = allDataGet.value[
            "solidSiloConeTopData"
          ]["SolidSiloConeTopPartDatas"].map((v) => {
            return {
              collapseName: `${v.shell_index}`,
              index: v.shell_index,
              data: v,
            };
          });
        }
      }

      sortMoveZT();


//     if (middelData.value.type === "锥底") {
//       if (Object.keys(allDataGet.value["solidSiloConeBottomData"]).length > 1) {
//         localSolidSiloConeBottomData.value = {
//           ...allDataGet.value["solidSiloConeBottomData"],
//           ...localSolidSiloConeBottomData.value,
//         };

//         if (localSolidSiloConeBottomPartDatas.value.length === 0) {
//           console.log("重新加载");
//           localSolidSiloConeBottomPartDatas.value = allDataGet.value[
//             "solidSiloConeBottomData"
//           ]["SolidSiloConeBottomPartDatas"].map((v) => {
//             return {
//               collapseName: `${v.shell_index}`,
//               index: v.shell_index,
//               data: v,
//             };
//           });
//         }

       
//       }
//  sortMoveZD();
      
//     }



      if (Object.keys(allDataGet.value["solidSiloConeBottomData"]).length > 1) {
        localSolidSiloConeBottomData.value = {
          ...allDataGet.value["solidSiloConeBottomData"],
          ...localSolidSiloConeBottomData.value,
        };

        if (localSolidSiloConeBottomPartDatas.value.length === 0) {
          console.log("重新加载");
          localSolidSiloConeBottomPartDatas.value = allDataGet.value[
            "solidSiloConeBottomData"
          ]["SolidSiloConeBottomPartDatas"].map((v) => {
            return {
              collapseName: `${v.shell_index}`,
              index: v.shell_index,
              data: v,
            };
          });
        }

       
      }
 sortMoveZD();


    // if (middelData.value.type === "裙座") {
    //   if (Object.keys(allDataGet.value["solidSiloSkirtData"]).length > 1) {
    //     localsolidSiloSkirtData.value = {
    //       ...allDataGet.value["solidSiloSkirtData"],
    //       ...localsolidSiloSkirtData.value,
    //     };

    //     if (localSolidSiloSkirtPartDatas.value.length === 0) {
    //       console.log("重新加载");
    //       localSolidSiloSkirtPartDatas.value = allDataGet.value[
    //         "solidSiloSkirtData"
    //       ]["SolidSiloSkirtPartDatas"].map((v) => {
    //         return {
    //           collapseName: `${v.shell_index}`,
    //           index: v.shell_index,
    //           data: v,
    //         };
    //       });
    //     }
    //      sortMoveQZ();
    //   }

     
    // }

      if (Object.keys(allDataGet.value["solidSiloSkirtData"]).length > 1) {
        localsolidSiloSkirtData.value = {
          ...allDataGet.value["solidSiloSkirtData"],
          ...localsolidSiloSkirtData.value,
        };

        if (localSolidSiloSkirtPartDatas.value.length === 0) {
          console.log("重新加载");
          localSolidSiloSkirtPartDatas.value = allDataGet.value[
            "solidSiloSkirtData"
          ]["SolidSiloSkirtPartDatas"].map((v) => {
            return {
              collapseName: `${v.shell_index}`,
              index: v.shell_index,
              data: v,
            };
          });
        }
        
      }
 sortMoveQZ();

    // if (middelData.value.type === "支座") {
    //   if (Object.keys(allDataGet.value["solidSiloSupportData"]).length > 1) {
    //     localsolidSiloSupportData.value = {
    //       ...allDataGet.value["solidSiloSupportData"],
    //       ...localsolidSiloSupportData.value,
    //     };

    //   }
    // }

    if (Object.keys(allDataGet.value["solidSiloSupportData"]).length > 1) {
      localsolidSiloSupportData.value = {
        ...allDataGet.value["solidSiloSupportData"],
        ...localsolidSiloSupportData.value,
      };
      designDatas.value.seismic_design_intensity =
        localsolidSiloSupportData.value.seismic_design_intensity;
      designDatas.value.design_basic_seismic_acceleration =
        localsolidSiloSupportData.value.seismic_acceleration;
      designDatas.value.site_soil_class =
        localsolidSiloSupportData.value.site_class;
      designDatas.value.design_earthquake_group =
        localsolidSiloSupportData.value.seismic_design_category;
      designDatas.value.ground_roughness =
        localsolidSiloSupportData.value.terrain_roughness;
      designDatas.value.basic_wind_pressure =
        localsolidSiloSupportData.value.wind_pressure;
      designDatas.value.snow_load =
        localsolidSiloSupportData.value.snow_pressure;
    }
  },
  { deep: true }
);

let sortMove = () => {
  setTimeout(() => {
    if (document.querySelector(".my_collapse23")) {
      Sortable.create(document.querySelector(".my_collapse23"), {
        draggable: ".el-collapse-item",
        animation: 150,
        delay: 0,

        filter: function (evt, item) {
          if ([...evt.target.classList].includes("el-collapse-item__header")) {
            return false;
          } else {
            return true;
          }
        },
        // 结束拖拽后的回调函数
        onEnd: (evt) => {
          let data = JSON.parse(JSON.stringify(barrelDataForTT.value));

          barrelDataForTT.value = [];
          nextTick(() => {
            const oldItem = data[evt.oldIndex];

            data.splice(evt.oldIndex, 1);

            data.splice(evt.newIndex, 0, oldItem);
            console.log(data);
            barrelDataForTT.value = data;

            ElMessage.success("移动成功");
            sortMove();
          });
        },
      });
    }
  }, 1000);
};

let sortMoveZT = () => {
  setTimeout(() => {
    if (document.querySelector(".my_collapse23")) {
      Sortable.create(document.querySelector(".my_collapse23"), {
        draggable: ".el-collapse-item",
        animation: 150,
        delay: 0,

        filter: function (evt, item) {
          if ([...evt.target.classList].includes("el-collapse-item__header")) {
            return false;
          } else {
            return true;
          }
        },
        // 结束拖拽后的回调函数
        onEnd: (evt) => {
          let data = JSON.parse(
            JSON.stringify(localSolidSiloConeTopPartDatas.value)
          );

          localSolidSiloConeTopPartDatas.value = [];
          nextTick(() => {
            const oldItem = data[evt.oldIndex];

            data.splice(evt.oldIndex, 1);

            data.splice(evt.newIndex, 0, oldItem);
            console.log(data);
            localSolidSiloConeTopPartDatas.value = data;

            ElMessage.success("移动成功");
            sortMoveZT();
          });
        },
      });
    }
  }, 1000);
};

let sortMoveZD = () => {
  setTimeout(() => {
    if (document.querySelector(".my_collapse23")) {
      Sortable.create(document.querySelector(".my_collapse23"), {
        draggable: ".el-collapse-item",
        animation: 150,
        delay: 0,

        filter: function (evt, item) {
          if ([...evt.target.classList].includes("el-collapse-item__header")) {
            return false;
          } else {
            return true;
          }
        },
        // 结束拖拽后的回调函数
        onEnd: (evt) => {
          let data = JSON.parse(
            JSON.stringify(localSolidSiloConeBottomPartDatas.value)
          );

          localSolidSiloConeBottomPartDatas.value = [];
          nextTick(() => {
            const oldItem = data[evt.oldIndex];

            data.splice(evt.oldIndex, 1);

            data.splice(evt.newIndex, 0, oldItem);
            console.log(data);
            localSolidSiloConeBottomPartDatas.value = data;

            ElMessage.success("移动成功");
            sortMoveZD();
          });
        },
      });
    }
  }, 1000);
};

let sortMoveQZ = () => {
  setTimeout(() => {
    if (document.querySelector(".my_collapse23")) {
      Sortable.create(document.querySelector(".my_collapse23"), {
        draggable: ".el-collapse-item",
        animation: 150,
        delay: 0,

        filter: function (evt, item) {
          if ([...evt.target.classList].includes("el-collapse-item__header")) {
            return false;
          } else {
            return true;
          }
        },
        // 结束拖拽后的回调函数
        onEnd: (evt) => {
          let data = JSON.parse(
            JSON.stringify(localSolidSiloSkirtPartDatas.value)
          );

          localSolidSiloSkirtPartDatas.value = [];
          nextTick(() => {
            const oldItem = data[evt.oldIndex];

            data.splice(evt.oldIndex, 1);

            data.splice(evt.newIndex, 0, oldItem);
            console.log(data);
            localSolidSiloSkirtPartDatas.value = data;

            ElMessage.success("移动成功");
            sortMoveQZ();
          });
        },
      });
    }
  }, 1000);
};

let middleForm = ref({
  equip_dwg_no: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
    .equip_dwg_no,
  equip_name: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
    .equip_name,
  equip_unit_no: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
    .equip_unit_no,
});

let barrelDataTT = ref({});
let chooseItemData = ref({});
let DBtableData = ref([]);
let click_choose_img = async (item) => {
  if (item.icon === "a") {
    let res = await GetEqualLegAngleMeta();
    DBtableData.value = res;
  }
  if (item.icon === "d") {
    let res = await GetUnEqualLegAngleMeta();
    DBtableData.value = res;
  }
  if (item.icon === "c") {
    let res = await GetISteelMeta();
    DBtableData.value = res;
  }
  if (item.icon === "b") {
    let res = await GetUSteelMeta();
    DBtableData.value = res;
  }
  buttonSpec.value.forEach((v) => (v.check = false));
  item.check = true;
  radio1.value = "X";
  chooseItemData.value = item;
  chooseSvg.value = item.icon;
};

let findTableDom = (type) => {
  document
    .querySelector(".my-table")
    .querySelectorAll(".el-table__row")
    .forEach((v) => {
      if (v.querySelector(".my_type_ .cell").innerHTML.includes(type)) {
        v.click();
      }
    });
};

let pushObj = ref({});
let pushData = (type) => {
  if (type == "筒体") {
    titleCheck.value.forEach((v) => {
      if (v.name === type) {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type,
      computerName: type,
      status: 0, // 0 未完成  1 完成，
    });
    nextTick(() => {
      findTableDom(type);
    });
  }

  if (type == "锥顶") {
    titleCheck.value.forEach((v) => {
      if (v.name === type) {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type,
      computerName: type,
      status: 0, // 0 未完成  1 完成，
    });
    nextTick(() => {
      findTableDom(type);
    });
  }

  if (type == "锥底") {
    titleCheck.value.forEach((v) => {
      if (v.name === type) {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type,
      computerName: type,
      status: 0, // 0 未完成  1 完成，
    });
    nextTick(() => {
      findTableDom(type);
    });
  }

  if (type == "裙座") {
    titleCheck.value.forEach((v) => {
      if (v.name === type) {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type,
      computerName: type,
      status: 0, // 0 未完成  1 完成，
    });
    nextTick(() => {
      findTableDom(type);
    });
  }

  if (type == "支座") {
    titleCheck.value.forEach((v) => {
      if (v.name === type) {
        v.check = true;
      }
    });
    tableDataChooseData.value.push({
      type,
      computerName: type,
      status: 0, // 0 未完成  1 完成，
    });
    nextTick(() => {
      findTableDom(type);
    });
  }
};

let titleCheck = ref([
  {
    name: "锥顶",
    check: false,
  },
  {
    name: "承压环",
    check: false,
  },
  {
    name: "筒体",
    check: false,
  },
  {
    name: "锥底",
    check: false,
  },
  {
    name: "裙座",
    check: false,
  },
  {
    name: "筋板",
    check: false,
  },
  {
    name: "支座",
    check: false,
  },
  {
    name: "接管",
    check: false,
  },
]);

let click_sub = () => {
  // dio_choose_spec.value.
  let str = `${choose_text.value}+${JSON.stringify(
    choose_spec_data_item.value
  )}`;
  dio_choose_spec.value.data.stiffener_steel_spec = str;
  // dio_choose_spec.value.data = {
  //    ...dio_choose_spec.value.data,
  //    ...choose_spec_data_item.value
  // }
  console.log(dio_choose_spec.value, choose_spec_data_item.value);
  dio_spec.value = false;
};
let before_close = () => {
  radio1.value = "X";
  choose_spec_data_item.value = {};
  choose_text.value = "";
  dio_spec.value = false;
};

let activeNames_1 = ref(["1", "2"]);
let activeNames_1_ZT = ref(["1", "2"]);
let activeNames_1_ZD = ref(["1", "2"]);
let activeNames_1_QZ = ref(["1", "2"]);
let activeNames_2 = ref([]);

let designDatas = ref({});
let allData = ref([]);
onMounted(async () => {
  await getZTData();
  allData.value = await GetSolidSiloMaterialMetaDatas();
  // setTimeout(async () => {
  //   let resNatural = await GetProjBasicDesignData({ proj_oid: projectStore.projectInfo.proj_oid })
  //   if (resNatural.length > 0) {
  //     designDatas.value.seismic_design_intensity = resNatural[0].seismic_design_intensity
  //     designDatas.value.design_basic_seismic_acceleration = resNatural[0].seismic_acceleration
  //     designDatas.value.site_soil_class = resNatural[0].site_class
  //     designDatas.value.design_earthquake_group = resNatural[0].seismic_design_category
  //     designDatas.value.ground_roughness = resNatural[0].terrain_roughness
  //     designDatas.value.basic_wind_pressure = resNatural[0].wind_pressure
  //     designDatas.value.snow_load = resNatural[0].snow_pressure

  //   }
  // }, 3000);

  TableRef.value.toggleRowSelection(tableDataChooseData.value[0], true);
  // TableRef.value.setCurrentRow(tableDataChooseData.value[0])

  document.querySelector(".my-table").querySelector(".el-table__row").click();
});

watch(
  () => middleForm.value.material_and_shellwall_friction_angle,
  () => {
    middleForm.value.material_and_silo_friction_factor = Math.tan(
      (middleForm.value.material_and_shellwall_friction_angle * Math.PI) / 180
    );
  }
);

let barrelDataForTT = ref([]);

watch(
  barrelDataForTT,
  () => {
    if (barrelDataForTT.value.length == 0) {
      barrelDataTT.value.height = 0;
      return false;
    }
    let num = 0;
    barrelDataForTT.value.forEach((v) => {
      if (v && v.data.plate_width) {
        num += Number(v.data.plate_width);
      }
    });

    barrelDataTT.value.height = num;
    sortMove();
  },
  { deep: true }
);

watch(
  localSolidSiloConeTopPartDatas,
  () => {
    if (localSolidSiloConeTopPartDatas.value.length == 0) {
      localsolidSiloConeTopData.value.height = 0;
      return false;
    }
    let num = 0;
    localSolidSiloConeTopPartDatas.value.forEach((v) => {
      if (v && v.data.plate_width) {
        num += Number(v.data.plate_width);
      }
    });

    localsolidSiloConeTopData.value.height = num;
    sortMoveZT();
  },
  { deep: true }
);

watch(
  localSolidSiloSkirtPartDatas,
  () => {
    if (localSolidSiloSkirtPartDatas.value.length == 0) {
      localsolidSiloSkirtData.value.height = 0;
      return false;
    }
    let num = 0;
    localSolidSiloSkirtPartDatas.value.forEach((v) => {
      if (v && v.data.plate_width) {
        num += Number(v.data.plate_width);
      }
    });

    localsolidSiloSkirtData.value.height = num;
    sortMoveQZ();
  },
  { deep: true }
);

watch(
  localSolidSiloConeBottomPartDatas,
  () => {
    if (localSolidSiloConeBottomPartDatas.value.length == 0) {
      localSolidSiloConeBottomData.value.height = 0;
      return false;
    }
    let num = 0;
    localSolidSiloConeBottomPartDatas.value.forEach((v) => {
      if (v && v.data.plate_width) {
        num += Number(v.data.plate_width);
      }
    });

    localSolidSiloConeBottomData.value.height = num;
    sortMoveZD();
  },
  { deep: true }
);

let handleSelectionChange_mytable = (data) => {
  console.log(data);
};

let activeNames_2_ZT = ref([]);
let changeNumFnZT = async (num) => {
  if (localsolidSiloConeTopData.value.layer_count) {
    if (localSolidSiloConeTopPartDatas.value.length == 0) {
      for (let i = 0; i < localsolidSiloConeTopData.value.layer_count; i++) {
        localSolidSiloConeTopPartDatas.value.push({
          collapseName: `${i}`,
          index: i,
          data: {},
        });
        activeNames_2_ZT.value.push(`${i}`);
      }
    } else {
      if (
        localsolidSiloConeTopData.value.layer_count >
        localSolidSiloConeTopPartDatas.value.length
      ) {
        for (
          let i = localSolidSiloConeTopPartDatas.value.length;
          i < localsolidSiloConeTopData.value.layer_count;
          i++
        ) {
          localSolidSiloConeTopPartDatas.value.push({
            collapseName: `${i}`,
            index: i,
            data: {},
          });
          activeNames_2_ZT.value.push(`${i}`);
        }
      } else {
        ElMessageBox.confirm("确认删除吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          size: "small",
        })
          .then(async () => {
            let data = localSolidSiloConeTopPartDatas.value.splice(
              localsolidSiloConeTopData.value.layer_count
            );

            if (data[0].data.id) {
              // 删除锥顶接口
              await DeleteSolidSiloConeTopPartData({ id: data[0].data.id });
              submitZT();
            }
          })
          .catch(() => {
            localsolidSiloConeTopData.value.layer_count =
              localSolidSiloConeTopPartDatas.value.length;
          });
      }
    }
  } else {
    localSolidSiloConeTopPartDatas.value = [];
    activeNames_2_ZT.value = [];
  }
};
let activeNames_2_QZ = ref([]);
let activeNames_2_ZD = ref([]);
let changeNumFnZD = async (num) => {
  if (localSolidSiloConeBottomData.value.layer_count) {
    if (localSolidSiloConeBottomPartDatas.value.length == 0) {
      for (let i = 0; i < localSolidSiloConeBottomData.value.layer_count; i++) {
        localSolidSiloConeBottomPartDatas.value.push({
          collapseName: `${i}`,
          index: i,
          data: {},
        });
        activeNames_2_ZD.value.push(`${i}`);
      }
    } else {
      if (
        localSolidSiloConeBottomData.value.layer_count >
        localSolidSiloConeBottomPartDatas.value.length
      ) {
        for (
          let i = localSolidSiloConeBottomPartDatas.value.length;
          i < localSolidSiloConeBottomData.value.layer_count;
          i++
        ) {
          localSolidSiloConeBottomPartDatas.value.push({
            collapseName: `${i}`,
            index: i,
            data: {},
          });
          activeNames_2_ZD.value.push(`${i}`);
        }
      } else {
        ElMessageBox.confirm("确认删除吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          size: "small",
        })
          .then(async () => {
            let data = localSolidSiloConeBottomPartDatas.value.splice(
              localSolidSiloConeBottomData.value.layer_count
            );

            if (data[0].data.id) {
              // 删除锥底接口
              await DeleteSolidSiloConeBottomPartData({ id: data[0].data.id });
              submitZD();
            }
          })
          .catch(() => {
            localSolidSiloConeBottomData.value.layer_count =
              localSolidSiloConeBottomPartDatas.value.length;
          });
      }
    }
  } else {
    localSolidSiloConeBottomPartDatas.value = [];
    activeNames_2_ZD.value = [];
  }
};

let changeNumFnQZ = async (num) => {
  if (localsolidSiloSkirtData.value.layer_count) {
    if (localSolidSiloSkirtPartDatas.value.length == 0) {
      for (let i = 0; i < localsolidSiloSkirtData.value.layer_count; i++) {
        localSolidSiloSkirtPartDatas.value.push({
          collapseName: `${i}`,
          index: i,
          data: {},
        });
        activeNames_2_QZ.value.push(`${i}`);
      }
    } else {
      if (
        localsolidSiloSkirtData.value.layer_count >
        localSolidSiloSkirtPartDatas.value.length
      ) {
        for (
          let i = localSolidSiloSkirtPartDatas.value.length;
          i < localsolidSiloSkirtData.value.layer_count;
          i++
        ) {
          localSolidSiloSkirtPartDatas.value.push({
            collapseName: `${i}`,
            index: i,
            data: {},
          });
          activeNames_2_QZ.value.push(`${i}`);
        }
      } else {
        ElMessageBox.confirm("确认删除吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          size: "small",
        })
          .then(async () => {
            let data = localSolidSiloSkirtPartDatas.value.splice(
              localsolidSiloSkirtData.value.layer_count
            );

            if (data[0].data.id) {
              await DeleteSolidSiloSkirtPartData({ id: data[0].data.id });
              submitQZ();
            }
          })
          .catch(() => {
            localsolidSiloSkirtData.value.layer_count =
              localSolidSiloSkirtPartDatas.value.length;
          });
      }
    }
  } else {
    localSolidSiloSkirtPartDatas.value = [];
    activeNames_2_QZ.value = [];
  }
};

let submitQZ = async () => {
  let obj = {
    ...localsolidSiloSkirtData.value,
    id: localsolidSiloSkirtData.value.id ? localsolidSiloSkirtData.value.id : 0,
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    SolidSiloSkirtPartDatas: localSolidSiloSkirtPartDatas.value.map((v, i) => {
      return {
        ...v.data,
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        index: i,
        id: v.data.id ? v.data.id : 0,
        create_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
        modify_user: JSON.parse(localStorage.getItem("userMessage")).user_name,
        modify_time: getTime(),
        create_time: getTime(),
      };
    }),
  };

  let res = await SaveSolidSiloSkirtData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res == "True") {
    randerAll();
    ElMessage({
      message: "保存成功",
      type: "success",
    });
  }
};

let submitZD = async () => {
  let obj = {
    ...localSolidSiloConeBottomData.value,
    id: localSolidSiloConeBottomData.value.id
      ? localSolidSiloConeBottomData.value.id
      : 0,
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    SolidSiloConeBottomPartDatas: localSolidSiloConeBottomPartDatas.value.map(
      (v, i) => {
        return {
          ...v.data,
          equip_oid: JSON.parse(
            sessionStorage.getItem("editSolidMaterialsData")
          ).equip_oid,
          index: i,
          id: v.data.id ? v.data.id : 0,
          create_user: JSON.parse(localStorage.getItem("userMessage"))
            .user_name,
          modify_user: JSON.parse(localStorage.getItem("userMessage"))
            .user_name,
          modify_time: getTime(),
          create_time: getTime(),
        };
      }
    ),
  };
  let res = await SaveSolidConeBottomData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res == "True") {
    randerAll();
    ElMessage({
      message: "保存成功",
      type: "success",
    });
  }
};

let submitZT = async () => {
  let obj = {
    ...localsolidSiloConeTopData.value,
    equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
      .equip_oid,
    id: localsolidSiloConeTopData.value.id
      ? localsolidSiloConeTopData.value.id
      : 0,
    SolidSiloConeTopPartDatas: localSolidSiloConeTopPartDatas.value.map(
      (v, i) => {
        return {
          ...v.data,
          equip_oid: JSON.parse(
            sessionStorage.getItem("editSolidMaterialsData")
          ).equip_oid,
          index: i,
          id: v.data.id ? v.data.id : 0,
          create_user: JSON.parse(localStorage.getItem("userMessage"))
            .user_name,
          modify_user: JSON.parse(localStorage.getItem("userMessage"))
            .user_name,
          modify_time: getTime(),
          create_time: getTime(),
        };
      }
    ),
  };

  let res = await SaveSolidConeTopData(
    JSON.parse(localStorage.getItem("userMessage")).user_name,
    obj
  );
  if (res == "True") {
    randerAll();
    ElMessage({
      message: "保存成功",
      type: "success",
    });
  }
};

let changeNumFn = async (num) => {
  if (barrelDataTT.value.layer_count) {
    if (barrelDataForTT.value.length == 0) {
      for (let i = 0; i < barrelDataTT.value.layer_count; i++) {
        barrelDataForTT.value.push({
          collapseName: `${i}`,
          index: i,
          data: {},
        });
        activeNames_2.value.push(`${i}`);
      }
    } else {
      if (barrelDataTT.value.layer_count > barrelDataForTT.value.length) {
        for (
          let i = barrelDataForTT.value.length;
          i < barrelDataTT.value.layer_count;
          i++
        ) {
          barrelDataForTT.value.push({
            collapseName: `${i}`,
            index: i,
            data: {},
          });
          activeNames_2.value.push(`${i}`);
        }
      } else {
        ElMessageBox.confirm("确认删除吗？", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          size: "small",
        })
          .then(async () => {
            let data = barrelDataForTT.value.splice(
              barrelDataTT.value.layer_count
            );

            if (data[0].data.id) {
              await DeleteSolidSiloShellData({ id: data[0].data.id });
              submitTT();
            }
          })
          .catch(() => {
            barrelDataTT.value.layer_count = barrelDataForTT.value.length;
          });
      }
    }
  } else {
    barrelDataForTT.value = [];
    activeNames_2.value = [];
  }
};

function findRangeItem(num, arr) {
  for (let i = 0; i < arr.length; i++) {
    if (
      num >= arr[i].thickness_threshold_start &&
      num <= arr[i].thickness_threshold_end
    ) {
      return arr[i]; // 找到匹配的子项，返回该子项
    }
  }
  return null; // 如果没有找到匹配的子项，返回 null
}

let forMatterObjXallowable_stress = (obj) => {
  let newObj = {};
  for (let i in obj) {
    if (i.includes("allowable_stress")) {
      newObj[i.match(/(\d+)/)[0]] = obj[i];
    }
  }
  newObj[0] = Object.values(newObj)[0];

  return newObj;
};

let forMatterObjXYieldStrengthDesignTemperature = (obj) => {
  console.log(obj, "2231");
  let newObj = {};
  for (let i in obj) {
    if (i.includes("yield_strength")) {
      newObj[i.match(/(\d+)/)[0]] = obj[i];
    }
  }
  newObj[0] = Object.values(newObj)[0];

  return newObj;
};

let forMatterObjXElasticModulusDesignTemperature = (obj) => {
  let newObj = {};
  for (let i in obj) {
    if (i.includes("elastic_modulus")) {
      newObj[i.match(/(\d+)/)[0]] = obj[i];
    }
  }
  newObj[0] = Object.values(newObj)[0];

  return newObj;
};

let computerItem = ref({});
let changeThickness = (data, item) => {
  computerItem.value = item;

  let arr = allData.value.filter((v) => {
    return (
      v.material_type === item.data.material_type &&
      v.material_property === item.data.material_class &&
      v.material_grade === item.data.material_code &&
      v.material_standard_code === item.data.material_standard
    );
  });

  if (arr.length > 0) {
    let arr_item = findRangeItem(Number(item.data.estimated_thickness), arr);

    if (!arr_item) {
      item.data.allowable_stress = 0;
      item.data.yield_strength = 0;
      item.data.elastic_modulus = 0;
      return false;
    }

    let newObjallowable_stress = forMatterObjXallowable_stress(arr_item);

    let num = linearInterpolation(
      newObjallowable_stress,
      Number(middleForm.value.design_temp)
    );
    item.data.allowable_stress = num;

    let newObjXYieldStrengthDesignTemperature =
      forMatterObjXYieldStrengthDesignTemperature(arr_item);
    console.log(newObjXYieldStrengthDesignTemperature);
    let TemperatureNum = linearInterpolation(
      newObjXYieldStrengthDesignTemperature,
      Number(middleForm.value.design_temp)
    );

    item.data.yield_strength = TemperatureNum;

    let newObjXElasticModulusDesignTemperature =
      forMatterObjXElasticModulusDesignTemperature(arr_item);
    let ModulusDesignTemperatureNum = linearInterpolation(
      newObjXElasticModulusDesignTemperature,
      Number(middleForm.value.design_temp)
    );
    item.data.elastic_modulus = ModulusDesignTemperatureNum;
  } else {
    item.data.allowable_stress = 0;
    item.data.yield_strength = 0;
    item.data.elastic_modulus = 0;
  }
  // console.log(Number(middleForm.value.design_temp))
};

// watch(()=>middleForm.value.design_temp,()=>{
//   console.log(computerItem.value)
//    if(Object.keys(computerItem.value).length>0){
//     console.log('12333,22')
//     changeThickness(null,computerItem.value)
//    }
// })

let ChangeCom = () => {
  if (barrelDataForTT.value.length > 0) {
    barrelDataForTT.value.forEach((v) => {
      changeThickness(null, v);
    });
  }
};

function linearInterpolation(obj, targetX) {
  // 将对象的键（x 值）提取出来并排序
  const keys = Object.keys(obj)
    .map(Number)
    .sort((a, b) => a - b);

  // 找到目标 x 值所在的区间
  for (let i = 0; i < keys.length - 1; i++) {
    const x0 = keys[i];
    const x1 = keys[i + 1];

    if (targetX >= x0 && targetX <= x1) {
      const y0 = obj[x0];
      const y1 = obj[x1];
      const slope = (y1 - y0) / (x1 - x0);
      const interpolatedY = y0 + slope * (targetX - x0);
      return interpolatedY;
    }
  }

  // 如果目标 x 值不在任何区间内，抛出错误
  throw new Error(
    `Target X value (${targetX}) is out of the range of provided data points.`
  );
}

let changeFn = (data, item) => {
  item.data.thickness_allowance =
    Number(item.data.thickness_negative_deviation) +
    Number(item.data.wear_corrosion_allowance);
};

let dio_spec = ref(false);

let dio_choose_spec = ref({});
let click_dio_spec = (data, item) => {
  dio_choose_spec.value = item;
  click_choose_img(buttonSpec.value[0]);

  dio_spec.value = true;
};

let DELdATA = async (data) => {
  if (data.computerName === "筒体") {
    let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
      size: "small",
    });
    if (res) {
      await DeleteSolidSiloShellDatas({
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        user: JSON.parse(localStorage.getItem("userMessage")).user_name,
      });
      ElMessage({
        message: "删除成功",
        type: "success",
      });
      titleCheck.value.forEach((v) => {
        if (v.name === data.type) {
          v.check = false;
        }
      });

      tableDataChooseData.value = tableDataChooseData.value.filter((item) => {
        return data.type != item.type;
      });

      await getZTData();
      allDataGet.value.solidSiloShellData = {};
      barrelDataTT.value = {};
      barrelDataForTT.value = [];
      middelData.value.type = "";
    }
  }

  if (data.computerName === "锥底") {
    let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
      size: "small",
    });
    if (res) {
      await DeleteSolidSiloConeBottomDatas({
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        user: JSON.parse(localStorage.getItem("userMessage")).user_name,
      });
      ElMessage({
        message: "删除成功",
        type: "success",
      });
      titleCheck.value.forEach((v) => {
        if (v.name === data.type) {
          v.check = false;
        }
      });

      tableDataChooseData.value = tableDataChooseData.value.filter((item) => {
        return data.type != item.type;
      });

      await getZTData();
      allDataGet.value.solidSiloConeBottomData = {};
      localSolidSiloConeBottomData.value = {};
      localSolidSiloConeBottomPartDatas.value = [];
      middelData.value.type = "";
    }
  }

  if (data.computerName === "裙座") {
    let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
      size: "small",
    });

    if (res) {
      await DeleteSolidSiloSkirtDatas({
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        user: JSON.parse(localStorage.getItem("userMessage")).user_name,
      });
      ElMessage({
        message: "删除成功",
        type: "success",
      });
      titleCheck.value.forEach((v) => {
        if (v.name === data.type) {
          v.check = false;
        }
      });

      tableDataChooseData.value = tableDataChooseData.value.filter((item) => {
        return data.type != item.type;
      });

      await getZTData();
      allDataGet.value.solidSiloSkirtData = {};
      localsolidSiloSkirtData.value = {};
      localSolidSiloSkirtPartDatas.value = [];
      middelData.value.type = "";
    }
  }

  if (data.computerName === "锥顶") {
    let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
      confirmButtonText: "确定",
      cancelButtonText: "取消",
      type: "warning",
      size: "small",
    });
    if (res) {
      await DeleteSolidSiloConeTopDatas({
        equip_oid: JSON.parse(sessionStorage.getItem("editSolidMaterialsData"))
          .equip_oid,
        user: JSON.parse(localStorage.getItem("userMessage")).user_name,
      });
      ElMessage({
        message: "删除成功",
        type: "success",
      });
      titleCheck.value.forEach((v) => {
        if (v.name === data.type) {
          v.check = false;
        }
      });

      tableDataChooseData.value = tableDataChooseData.value.filter((item) => {
        return data.type != item.type;
      });

      await getZTData();
      allDataGet.value.solidSiloConeTopData = {};
      localsolidSiloConeTopData.value = {};
      localSolidSiloConeTopPartDatas.value = [];
      middelData.value.type = "";
    }
  }
};

let closeFnZT = async (item, index) => {
  let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    size: "small",
  });
  if (res) {
    let data = localSolidSiloConeTopPartDatas.value.splice(index, 1);
    localsolidSiloConeTopData.value.layer_count =
      localSolidSiloConeTopPartDatas.value.length;
    if (data[0].data.id) {
      // 删除锥顶接口
      await DeleteSolidSiloConeTopPartData({ id: data[0].data.id });
      submitZT();
    }
  }
};

let closeFnZD = async (item, index) => {
  let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    size: "small",
  });
  if (res) {
    let data = localSolidSiloConeBottomPartDatas.value.splice(index, 1);
    localSolidSiloConeBottomData.value.layer_count =
      localSolidSiloConeBottomPartDatas.value.length;
    if (data[0].data.id) {
      // 删除锥底接口
      await DeleteSolidSiloConeBottomPartData({ id: data[0].data.id });
      submitZD();
    }
  }
};

let closeFnQZ = async (item, index) => {
  let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    size: "small",
  });
  if (res) {
    let data = localSolidSiloSkirtPartDatas.value.splice(index, 1);
    localsolidSiloSkirtData.value.layer_count =
      localSolidSiloSkirtPartDatas.value.length;
    if (data[0].data.id) {
      // 删除锥底接口

      await DeleteSolidSiloSkirtPartData({ id: data[0].data.id });
      submitQZ();
    }
  }
};

let closeFn = async (item, index) => {
  let res = await ElMessageBox.confirm("确认删除吗？", "提示", {
    confirmButtonText: "确定",
    cancelButtonText: "取消",
    type: "warning",
    size: "small",
  });
  if (res) {
    let data = barrelDataForTT.value.splice(index, 1);
    barrelDataTT.value.layer_count = barrelDataForTT.value.length;
    if (data[0].data.id) {
      await DeleteSolidSiloShellData({ id: data[0].data.id });
      submitTT();
    }
  }
};

let addHeight = (data, item) => {
  let num = 0;
  barrelDataForTT.value.forEach((v) => {
    if (v.data.plate_width) {
      console.log(v.data.plate_width);
      num += Number(v.data.plate_width);
    }
  });

  barrelDataTT.value.height = num;
};

let addHeightZT = (data, item) => {
  let num = 0;
  localSolidSiloConeTopPartDatas.value.forEach((v) => {
    if (v.data.plate_width) {
      console.log(v.data.plate_width);
      num += Number(v.data.plate_width);
    }
  });

  localsolidSiloConeTopData.value.height = num;
};

let addHeightZD = (data, item) => {
  let num = 0;
  localSolidSiloConeBottomPartDatas.value.forEach((v) => {
    if (v.data.plate_width) {
      console.log(v.data.plate_width);
      num += Number(v.data.plate_width);
    }
  });

  localSolidSiloConeBottomData.value.height = num;
};

let addHeightQZ = (data, item) => {
  let num = 0;
  localSolidSiloSkirtPartDatas.value.forEach((v) => {
    if (v.data.plate_width) {
      console.log(v.data.plate_width);
      num += Number(v.data.plate_width);
    }
  });

  localsolidSiloSkirtData.value.height = num;
};

watch(
  middelData,
  () => {
    console.log(middelData.value);
    if (middelData.value.type !== "主体数据") {
      showCad.value = true;
    } else {
      showCad.value = false;
    }
  },
  { deep: true }
);

let comPoint = (index, arr) => {
  let dataArr = JSON.parse(JSON.stringify(arr));
  if (index === 0) {
    return [0, 0];
  }
  if (index > 0) {
    let num = 0;
    dataArr.splice(index);

    dataArr.forEach((v) => {
      num += Number(v.data.plate_width) / 100;
    });

    return [0, num];
  }
};

let oldCadData = null;
let timer_c = 0
let checkDataAuto = () => {
 timer_c =  setTimeout(() => {
    checkDataAuto();
    if (showCad.value) {
      let obj = {
        Xlength: (Number(middleForm.value.inner_diameter) + 50) / 100,
        Ylength: (Number(middleForm.value.inner_diameter) + 50) / 100,
        render: {},
      };
      if (barrelDataForTT.value.length > 0) {
        barrelDataForTT.value.forEach((v, i, arr) => {
          obj.render[`box${i}_筒体`] = {};
          obj.render[`box${i}_筒体`]["width"] =
            Number(middleForm.value.inner_diameter) / 100;
          obj.render[`box${i}_筒体`]["height"] =
            Number(v.data.plate_width) / 100;
          obj.render[`box${i}_筒体`][
            "thickness_TEXT"
          ] = `ts=${v.data.estimated_thickness}`;
          obj.render[`box${i}_筒体`]["point"] = comPoint(i, arr);
        });

         console.log(Number(localsolidSiloConeTopData.value.height))
        if(Number(middleForm.value.inner_diameter)&&Number(localsolidSiloConeTopData.value.height)){
         
           obj.render['box10_锥顶'] = {}
            obj.render['box10_锥顶']['width'] = Number(middleForm.value.inner_diameter) / 100;
          obj.render['box10_锥顶']['height'] = Number(localsolidSiloConeTopData.value.height) / 100;
           obj.render[`box10_锥顶`]["point"] = [0,
            obj.render[`box${barrelDataForTT.value.length - 1}_筒体`]["point"][1] + 
            +obj.render[`box${barrelDataForTT.value.length - 1}_筒体`]["height"]
           ]
        }


      }

      if (Object.keys(obj.render).length > 0) {
        if (!oldCadData) {
          oldCadData = JSON.parse(JSON.stringify(obj));
          propsObj.value = obj;
          console.log(obj, "55555555");
        } else {
          let a = deepEqual(JSON.parse(JSON.stringify(obj)), oldCadData);

          if (!a) {
            oldCadData = JSON.parse(JSON.stringify(obj));
            propsObj.value = obj;

            console.log(obj, "2123123123");
          }
        }
      }
    }
  }, 500);
};
checkDataAuto()

function deepEqual(a, b) {
  if (a === b) return true;
  if (a === null || b === null) return false;
  if (typeof a !== "object" || typeof b !== "object") return false;

  // 处理数组比较
  if (Array.isArray(a) && Array.isArray(b)) {
    if (a.length !== b.length) return false;
    for (let i = 0; i < a.length; i++) {
      if (!deepEqual(a[i], b[i])) return false;
    }
    return true;
  } else if (Array.isArray(a) || Array.isArray(b)) {
    return false;
  }

  // 处理对象比较
  const keysA = Object.keys(a);
  const keysB = Object.keys(b);

  if (keysA.length !== keysB.length) return false;

  for (const key of keysA) {
    if (!Object.prototype.hasOwnProperty.call(b, key)) return false;
    if (!deepEqual(a[key], b[key])) return false;
  }
  return true;
}

let ma_my = ref(0);
let topTableData = ref([]);
let computerTopData = () => {
  if (
    Object.keys(allDataGet.value["solidSiloConeTopData"]).length > 0 &&
    allDataGet.value["solidSiloConeTopData"].SolidSiloConeTopPartDatas.length >
      0
  ) {
    let arr = [];
    arr = allDataGet.value[
      "solidSiloConeTopData"
    ].SolidSiloConeTopPartDatas.map((v, i) => {
      return {
        index: i + +1,
        position: "锥顶",
        plate_width: v.plate_width ? v.plate_width : 0,
        estimated_thickness: v.estimated_thickness ? v.estimated_thickness : 0,
        m01: calculateResult(
          findDensity({
            material_grade: v.material_code,
            material_property: v.material_class,
            material_standard_code: v.material_standard,
            material_type: v.material_type,
            thickness: Number(v.estimated_thickness),
          }),
          Number(middleForm.value.inner_diameter) / 2,
          allDataGet.value["solidSiloConeTopData"].half_angle,
          Number(v.estimated_thickness)
        ),
        m02: calculateValue(Number(middleForm.value.inner_diameter)),
        ma: ma_my.value,
      };
    });

    arr.forEach((v) => {
      v.mi = Number(v.m01) + Number(v.m02) + (Number(v.ma) ? Number(v.ma) : 0);
    });
    topTableData.value = arr;
  }
};

let ShellTableData = ref([]);
let computerShellData = () => {
  if (
    Object.keys(allDataGet.value["solidSiloShellData"]).length > 0 &&
    allDataGet.value["solidSiloShellData"].SolidSiloShellPartDatas.length > 0
  ) {
    let arr = [];
    arr = allDataGet.value["solidSiloShellData"].SolidSiloShellPartDatas.map(
      (v, i) => {
        return {
          index: i + +1,
          position: "筒体",
          plate_width: v.plate_width ? v.plate_width : 0,
          estimated_thickness: v.estimated_thickness
            ? v.estimated_thickness
            : 0,
          m01: SiloShellM01({
            diameter: Number(middleForm.value.inner_diameter),
            estimated_thickness: v.estimated_thickness,
            plate_width: v.plate_width,
            density: findDensity({
              material_grade: v.material_code,
              material_property: v.material_class,
              material_standard_code: v.material_standard,
              material_type: v.material_type,
              thickness: Number(v.estimated_thickness),
            }),
          }),
          m02: SiloShellM02({
            plate_width: v.plate_width,
          }),
        };
      }
    );

    let m03Arr = SiloShellM03({
      diameter: Number(middleForm.value.inner_diameter),
      material_bulk_density: middleForm.value.material_bulk_density,
      material_pile_height: middleForm.value.material_pile_height,
      lArray: allDataGet.value[
        "solidSiloShellData"
      ].SolidSiloShellPartDatas.map((v) => v.plate_width / 1000),
    });

    arr.forEach((v, i) => {
      v.m03 = m03Arr[i].toFixed(2);
    });

    arr.forEach((v, i) => {
      v.ma = 0;
    });

    arr.forEach((v, i) => {
      v.mi = (
        parseFloat(v.m01) +
        parseFloat(v.m02) +
        parseFloat(v.m03) +
        parseFloat(v.ma)
      ).toFixed(2);
    });

    ShellTableData.value = arr.reverse();
  }
};

let findDensity = (obj) => {
  let {
    material_grade,
    material_property,
    material_standard_code,
    material_type,
    thickness,
  } = obj;
  function findMaterialByThickness() {
    // 1. 筛选符合参数条件的材料
    const filteredMaterials = allData.value.filter(
      (item) =>
        item.material_grade === material_grade &&
        item.material_property === material_property &&
        item.material_standard_code === material_standard_code &&
        item.material_type === material_type
    );

    // 2. 在筛选结果中查找厚度匹配的条目
    const matchedMaterial = filteredMaterials.find(
      (item) =>
        thickness >= item.thickness_threshold_start &&
        thickness <= item.thickness_threshold_end
    );

    return matchedMaterial || null; // 如果未找到，返回null
  }

  let res = findMaterialByThickness();

  if (res) {
    return res.density;
  } else {
    return 0;
  }
};

let bottomAndQZTableData = ref([]);
let bottom_All = ref([]);
let conputerBottomAndQZ = () => {
  if (
    Object.keys(allDataGet.value["solidSiloConeBottomData"]).length > 0 &&
    allDataGet.value["solidSiloConeBottomData"].SolidSiloConeBottomPartDatas
      .length > 0 &&
    Object.keys(allDataGet.value["solidSiloSkirtData"]).length > 0 &&
    allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas.length > 0
  ) {
    let arrBottom = [];
    if (
      allDataGet.value["solidSiloConeBottomData"].SolidSiloConeBottomPartDatas
        .length ===
      allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas.length
    ) {
      arrBottom = allDataGet.value[
        "solidSiloConeBottomData"
      ].SolidSiloConeBottomPartDatas.map((v, i) => {
        return {
          index: i + +1,
          position: "裙座/锥底",
          plate_width1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i].plate_width
            ? allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .plate_width
            : 0,
          plate_width2: v.plate_width ? v.plate_width : 0,
          estimated_thickness1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i].estimated_thickness
            ? allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .estimated_thickness
            : 0,
          estimated_thickness2: v.estimated_thickness
            ? v.estimated_thickness
            : 0,

          density1: findDensity({
            material_grade:
              allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .material_code,
            material_property:
              allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .material_class,
            material_standard_code:
              allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .material_standard,
            material_type:
              allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .material_type,
            thickness: Number(
              allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .estimated_thickness
            ),
          }),

          density2: findDensity({
            material_grade: v.material_code,
            material_property: v.material_class,
            material_standard_code: v.material_standard,
            material_type: v.material_type,
            thickness: Number(v.estimated_thickness),
          }),
        };
      });

      arrBottom.forEach((v) => {
        v.Q_m01 = calculateValueM01_Q(
          Number(middleForm.value.inner_diameter),
          Number(v.estimated_thickness1),
          Number(v.plate_width1),
          v.density1
        );
      });

      let ShellValueM01_Z = calculateConeShellValueM01_Z(
        arrBottom[0].density2 / 100,
        arrBottom.map((v) => Number(v.estimated_thickness2)),
        Number(middleForm.value.inner_diameter),
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle) * 2
      );
      arrBottom.forEach((v, i) => {
        v.Z_m01 = ShellValueM01_Z[i];
      });

      arrBottom.forEach((v) => {
        v.m01 = (parseFloat(v.Z_m01) + parseFloat(v.Q_m01)).toFixed(2);
      });

      arrBottom.forEach((v) => {
        v.m02 = calculateConeShellValueM02(Number(v.plate_width1));
      });

      let EachSegmentM03 = calculateEachSegment(
        middleForm.value.material_bulk_density,
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(middleForm.value.inner_diameter),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle)
      );

      arrBottom.forEach((v, i) => {
        v.m03 = EachSegmentM03[i];
      });

      arrBottom.forEach((v, i) => {
        v.m0a = 0;
      });

      arrBottom.forEach((v, i) => {
        v.mi =
          parseFloat(v.m01) +
          parseFloat(v.m02) +
          parseFloat(v.m03) +
          parseFloat(v.m0a);
      });
    } else if (
      allDataGet.value["solidSiloConeBottomData"].SolidSiloConeBottomPartDatas
        .length >
      allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas.length
    ) {
      arrBottom = allDataGet.value[
        "solidSiloConeBottomData"
      ].SolidSiloConeBottomPartDatas.map((v, i) => {
        return {
          index: i + +1,
          position: "裙座/锥底",
          plate_width1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i]
            ? allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .plate_width
            : 0,

          plate_width2: v.plate_width,
          estimated_thickness1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i]
            ? allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas[i]
                .estimated_thickness
            : 0,

          estimated_thickness2: v.estimated_thickness
            ? v.estimated_thickness
            : 0,
          density1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i]
            ? findDensity({
                material_grade:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_code,
                material_property:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_class,
                material_standard_code:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_standard,
                material_type:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_type,
                thickness: Number(
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].estimated_thickness
                ),
              })
            : 0,
          density2: findDensity({
            material_grade: v.material_code,
            material_property: v.material_class,
            material_standard_code: v.material_standard,
            material_type: v.material_type,
            thickness: Number(v.estimated_thickness),
          }),
        };
      });

      arrBottom.forEach((v) => {
        v.Q_m01 = calculateValueM01_Q(
          Number(middleForm.value.inner_diameter),
          Number(v.estimated_thickness1),
          Number(v.plate_width1),
          v.density1
        );
      });

      let ShellValueM01_Z = calculateConeShellValueM01_Z(
        arrBottom[0].density2 / 100,
        arrBottom.map((v) => Number(v.estimated_thickness2)),
        Number(middleForm.value.inner_diameter),
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle) * 2
      );
      arrBottom.forEach((v, i) => {
        v.Z_m01 = ShellValueM01_Z[i];
      });

      arrBottom.forEach((v) => {
        v.m01 = (parseFloat(v.Z_m01) + parseFloat(v.Q_m01)).toFixed(2);
      });

      arrBottom.forEach((v) => {
        v.m02 = calculateConeShellValueM02(Number(v.plate_width1));
      });

      let EachSegmentM03 = calculateEachSegment(
        middleForm.value.material_bulk_density,
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(middleForm.value.inner_diameter),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle)
      );

      arrBottom.forEach((v, i) => {
        v.m03 = EachSegmentM03[i];
      });

      arrBottom.forEach((v, i) => {
        v.m0a = 0;
      });

      arrBottom.forEach((v, i) => {
        v.mi =
          parseFloat(v.m01) +
          parseFloat(v.m02) +
          parseFloat(v.m03) +
          parseFloat(v.m0a);
      });
    } else if (
      allDataGet.value["solidSiloConeBottomData"].SolidSiloConeBottomPartDatas
        .length <
      allDataGet.value["solidSiloSkirtData"].SolidSiloSkirtPartDatas.length
    ) {
      arrBottom = allDataGet.value[
        "solidSiloSkirtData"
      ].SolidSiloSkirtPartDatas.map((v, i) => {
        return {
          index: i + +1,
          position: "裙座/锥底",
          plate_width1: v.plate_width,
          plate_width2: allDataGet.value["solidSiloConeBottomData"]
            .SolidSiloConeBottomPartDatas[i]
            ? allDataGet.value["solidSiloConeBottomData"]
                .SolidSiloConeBottomPartDatas[i].plate_width
            : 0,
          estimated_thickness1: v.estimated_thickness
            ? v.estimated_thickness
            : 0,
          estimated_thickness2: allDataGet.value["solidSiloConeBottomData"]
            .SolidSiloConeBottomPartDatas[i]
            ? allDataGet.value["solidSiloConeBottomData"]
                .SolidSiloConeBottomPartDatas[i].estimated_thickness
            : 0,
          density1: allDataGet.value["solidSiloSkirtData"]
            .SolidSiloSkirtPartDatas[i]
            ? findDensity({
                material_grade:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_code,
                material_property:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_class,
                material_standard_code:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_standard,
                material_type:
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].material_type,
                thickness: Number(
                  allDataGet.value["solidSiloSkirtData"]
                    .SolidSiloSkirtPartDatas[i].estimated_thickness
                ),
              })
            : 0,

          density2: allDataGet.value["solidSiloConeBottomData"]
            .SolidSiloConeBottomPartDatas[i]
            ? findDensity({
                material_grade:
                  allDataGet.value["solidSiloConeBottomData"]
                    .SolidSiloConeBottomPartDatas[i].material_code,
                material_property:
                  allDataGet.value["solidSiloConeBottomData"]
                    .SolidSiloConeBottomPartDatas[i].material_class,
                material_standard_code:
                  allDataGet.value["solidSiloConeBottomData"]
                    .SolidSiloConeBottomPartDatas[i].material_standard,
                material_type:
                  allDataGet.value["solidSiloConeBottomData"]
                    .SolidSiloConeBottomPartDatas[i].material_type,
                thickness: Number(
                  allDataGet.value["solidSiloConeBottomData"]
                    .SolidSiloConeBottomPartDatas[i].estimated_thickness
                ),
              })
            : 0,
        };
      });

      arrBottom.forEach((v) => {
        v.Q_m01 = calculateValueM01_Q(
          Number(middleForm.value.inner_diameter),
          Number(v.estimated_thickness1),
          Number(v.plate_width1),
          v.density1calculateValueM01_Q
        );
      });

      let ShellValueM01_Z = calculateConeShellValueM01_Z(
        arrBottom[0].density2 / 100,
        arrBottom.map((v) => Number(v.estimated_thickness2)),
        Number(middleForm.value.inner_diameter),
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle) * 2
      );
      arrBottom.forEach((v, i) => {
        v.Z_m01 = ShellValueM01_Z[i];
      });

      arrBottom.forEach((v) => {
        v.m01 = (parseFloat(v.Z_m01) + parseFloat(v.Q_m01)).toFixed(2);
      });

      arrBottom.forEach((v) => {
        v.m02 = calculateConeShellValueM02(Number(v.plate_width1));
      });

      let EachSegmentM03 = calculateEachSegment(
        middleForm.value.material_bulk_density,
        arrBottom.map((v) => Number(v.plate_width2)),
        Number(middleForm.value.inner_diameter),
        Number(allDataGet.value["solidSiloConeBottomData"].half_angle)
      );

      arrBottom.forEach((v, i) => {
        v.m03 = EachSegmentM03[i];
      });

      arrBottom.forEach((v, i) => {
        v.m0a = 0;
      });

      arrBottom.forEach((v, i) => {
        v.mi =
          parseFloat(v.m01) +
          parseFloat(v.m02) +
          parseFloat(v.m03) +
          parseFloat(v.m0a);
      });
    }

    bottomAndQZTableData.value = arrBottom;
  } else {
    bottomAndQZTableData.value = [];
  }
};

let totalData_ = ref({});
let computerTotal = () => {
  let m01Num = 0;
  document.querySelectorAll(".m01")?.forEach((v) => {
    m01Num += Number(v.innerHTML);
  });
  totalData_.value.m01 = m01Num.toFixed(2);

  let m02Num = 0;

  document.querySelectorAll(".m02")?.forEach((v) => {
    m02Num += Number(v.innerHTML);
  });
  totalData_.value.m02 = m02Num.toFixed(2);

  let m03Num = 0;
  document.querySelectorAll(".m03")?.forEach((v) => {
    m03Num += Number(v.innerHTML);
  });
  totalData_.value.m03 = m03Num.toFixed(2);

  totalData_.value.ma = document.querySelector(".ma input")?.value;

  let miNum = 0;
  document.querySelectorAll(".mi")?.forEach((v) => {
    miNum += Number(v.innerHTML);
  });
  totalData_.value.mi = miNum.toFixed(2);

  totalData_.value.m01_ = (
    Number(document.querySelector(".m01_t")?.innerHTML) +
    Number(document.querySelector(".m02_t")?.innerHTML) +
    Number(document.querySelector(".ma_t")?.innerHTML)
  ).toFixed(2);

  totalData_.value.m02_ = (
    Number(document.querySelector(".m01_t")?.innerHTML) +
    Number(document.querySelector(".m02_t")?.innerHTML) +
    Number(document.querySelector(".ma_t")?.innerHTML) +
    Number(document.querySelector(".m03_t")?.innerHTML)
  ).toFixed(2);

  totalData_.value.m03_ = (totalData_.value.m02_ * 0.85).toFixed(2);
};

let bottomObj = ref({
  top: {},

  bottom: {},
});
let computerBottom = () => {
  const diameter = Number(middleForm.value.inner_diameter); // 直径
  const halfAngleTop = Number(
    allDataGet.value["solidSiloConeTopData"].half_angle
  ); // 半顶角（角度制）
  const halfAnglebottom = Number(
    allDataGet.value["solidSiloConeBottomData"].half_angle
  ); // 半顶角（角度制）

  // 计算母线长
  const slantHeight = calculateSlantHeight(diameter, halfAngleTop);
  bottomObj.value.top.slantHeight = slantHeight.toFixed(2);

  // 计算表面积
  const surfaceArea = calculateSurfaceArea(diameter, halfAngleTop);
  bottomObj.value.top.surfaceArea = surfaceArea.toFixed(2);

  // 计算体积
  const volume = calculateVolume(diameter, halfAngleTop);
  bottomObj.value.top.volume = volume.toFixed(2);

  // 计算母线长
  const slantHeight_ = calculateSlantHeight(diameter, halfAnglebottom);
  bottomObj.value.bottom.slantHeight = slantHeight_.toFixed(2);

  // 计算表面积
  const surfaceArea_ = calculateSurfaceArea(diameter, halfAnglebottom);
  bottomObj.value.bottom.surfaceArea = surfaceArea_.toFixed(2);

  // 计算体积
  const volume_ = calculateVolume(diameter, halfAnglebottom);
  bottomObj.value.bottom.volume = volume_.toFixed(2);
};

let timer_A = 0;
let timer_B = 0;

let renderTableData = () => {
  timer_A = setTimeout(() => {
    renderTableData();
    if (Object.keys(allDataGet.value).length > 0) {
      computerTopData();
      computerShellData();
      conputerBottomAndQZ();
      computerTotal();
      computerBottom();

      // 计算支座数据
      computerSupportData();
    }
  }, 1000);
};
renderTableData();

let renderDomTable = () => {
  timer_B = setTimeout(() => {
    renderDomTable();

    document.querySelectorAll(".autoTitleDom").forEach((v) => {
      v.remove();
    });

    let num =
      topTableData.value.length +
      +ShellTableData.value.length +
      +bottomAndQZTableData.value.length;

    for (let i = 1; i <= num; i++) {
      const div = document.createElement("div");
      div.classList = [
        "flex-item autoTitleDom flex_center_ left_title_ font_size_small_ border_right_ border_bottom_",
      ];
      div.style.flex = "0 0 90px";
      let index = i;
      div.textContent = `${index} - ${index}`;
      document.querySelector(".auto_title")?.appendChild(div);
    }

    const div = document.createElement("div");
    div.classList =  [
        "flex-item autoTitleDom flex_center_ left_title_ font_size_small_ border_right_ border_bottom_",
      ];
    div.style.flex = "0 0 90px";
    div.textContent = `M-M`;

    document.querySelector(".auto_title")?.appendChild(div);

    document.querySelectorAll(".auto_row")?.forEach((v) => {
      for (let i = 1; i <= num; i++) {
        let index = i;
        const div = document.createElement("div");
        div.classList = [
          `flex-item autoTitleDom flex_center_ left_title_ font_size_small_ border_right_ border_bottom_  content_${index}_${index}`,
        ];
        div.style.flex = "0 0 90px";

        v.appendChild(div);
      }
      const div = document.createElement("div");
      div.classList = [
        "flex-item autoTitleDom flex_center_ left_title_ font_size_small_ border_right_ border_bottom_ content_M_M",
      ];
      div.style.flex = "0 0 90px";
      v.appendChild(div);
    });

    computerRenderTableDom(num);
  }, 3000);
};
renderDomTable();

let computerRenderTableDom = (num_) => {
  document.querySelectorAll(".FEi_c")?.forEach((item, index) => {
    item.innerText = document.querySelectorAll(".com_8")[index].innerText;
  });

  document.querySelectorAll(".hk_c")?.forEach((item, index) => {
    item.innerText = document.querySelectorAll(".com_hi")[index].innerText;
  });

  let widthNum = [];
  document.querySelectorAll(".com_w")?.forEach((item, index) => {
    widthNum.push(Number(item.innerText));
  });

  let num = computerForSum(widthNum);

  document.querySelectorAll(".h_c")?.forEach((item, index) => {
    item.innerText = num[index];
  });

  let numA = [];
  document.querySelectorAll(".FEi_c")?.forEach((item, index) => {
    numA.push(Number(item.innerText));
  });

  let numB = [];
  document.querySelectorAll(".hk_c")?.forEach((item, index) => {
    numB.push(Number(item.innerText));
  });

  let numC = [];
  document.querySelectorAll(".h_c")?.forEach((item, index) => {
    numC.push(Number(item.innerText));
  });

  let towArr = computerM_M(numA, numB, numC);

  towArr.forEach((item, index) => {
    item.forEach((v, i) => {
      if (
        document.querySelectorAll(`.content_${index + +1}_${index + +1}`)[i]
      ) {
        document.querySelectorAll(`.content_${index + +1}_${index + +1}`)[
          i
        ].innerText = v.toFixed(0);
      }
    });
  });

  document.querySelectorAll(`.content_M_M`)?.forEach((v, i) => {
    let num = (
      Number(document.querySelectorAll(".FEi_c")[i].innerText) *
      (Number(document.querySelectorAll(".hk_c")[i].innerText) -
        Number(localsolidSiloSupportData.value.manhole_height))
    ).toFixed(1);
    if(Number(num)>0){
 v.innerText = num
    }
   
  });

  for (let i = 1; i <= num_; i++) {
    const div = document.createElement("div");
    div.classList = [
      `flex-item autoTitleDom  flex_center_ left_title_ font_size_small_ border_right_ border_bottom_ sum_${i}_${i}`,
    ];
    div.style.flex = "0 0 90px";

    let arr = [];
    document.querySelectorAll(`.content_${i}_${i}`).forEach((v) => {
      arr.push(Number(v.innerText));
    });

    const sum = arr.reduce((accumulator, currentValue) => {
      return accumulator + currentValue;
    }, 0);

    div.innerText = sum;
    document.querySelector(".sum_row")?.appendChild(div);
  }
  const div = document.createElement("div");
  div.classList = [
    `flex-item autoTitleDom  flex_center_ left_title_ font_size_small_ border_right_ border_bottom_ sum_M_M`,
  ];
  div.style.flex = "0 0 90px";

  let arr_sum = [];
  document.querySelectorAll(`.content_M_M`)?.forEach((v) => {
    arr_sum.push(Number(v.innerText));
  });
  const sum__ = arr_sum.reduce((accumulator, currentValue) => {
    return accumulator + currentValue;
  }, 0);
  div.innerText = sum__;
  document.querySelector(".sum_row")?.appendChild(div);

  let RK_num = [];
  document.querySelectorAll(`.p_w`)?.forEach((v) => {
    RK_num.push(Number(v.innerText));
  });

  let Tow_num_obj = calculateSum_tow(
    RK_num.reverse(),
    Number(localsolidSiloSupportData.value.manhole_height)
  );

  let jsonData = JSON.parse(JSON.stringify(bottomAndQZTableData.value));
  let values = jsonData.reverse()[Tow_num_obj.index];
  let one_m_m = {
    a: Tow_num_obj.num,
    b: values.plate_width2,
    c: values.estimated_thickness1,
    d: values.estimated_thickness2,
  };

  let Z_m01 = values.Z_m01;
  let Q_m01 = calculateValueM01_Q(
    Number(middleForm.value.inner_diameter),
    Number(values.estimated_thickness1),
    Number(one_m_m.a),
    values.density1
  );

  let obj = {
    m01: (parseFloat(Z_m01) + parseFloat(Q_m01)).toFixed(2),
    m02: calculateConeShellValueM02(Number(one_m_m.a)),
    m03: values.m03,
  };
  obj.mi = parseFloat(obj.m01) + parseFloat(obj.m02) + parseFloat(obj.m03);

  let f89 = [];
  document.querySelectorAll(`.com_6`)?.forEach((v) => {
    f89.push(Number(v.innerText));
  });

  let sum_F89_F97 = calculateSum_JH(f89.reverse(), Tow_num_obj.index);

  let p105 = [];
  document.querySelectorAll(`.content_M_M`)?.forEach((v) => {
    p105.push(Number(v.innerText));
  });
  let sum_P105_P113 = calculateSum_JH(p105.reverse(), Tow_num_obj.index);

  let H100 =
    Number(localsolidSiloSupportDataCom.value.LCZSP) *
    ((Number(obj.mi) * Number(localsolidSiloSupportData.value.manhole_height)) /
      (sum_F89_F97 +
        Number(obj.mi) *
          Number(localsolidSiloSupportData.value.manhole_height)));

  let RKNum = (H100 * one_m_m.a + sum_P105_P113).toFixed(2);

  document.querySelector(".RK").innerHTML = RKNum;
};

function calculateSum_JH(arr, index) {
  return index === 0
    ? arr.slice(1).reduce((acc, val) => acc + val, 0)
    : arr.reduce((acc, val) => acc + val, 0);
}

function calculateSum_tow(arr, num) {
  // 计算前缀和数组
  const prefixSum = arr.reduce((acc, curr) => {
    const last = acc.length > 0 ? acc[acc.length - 1] : 0;
    acc.push(last + curr);
    return acc;
  }, []);

  // 二分查找确定区间
  let left = 0,
    right = prefixSum.length - 1;
  let index = -1;

  while (left <= right) {
    const mid = Math.floor((left + right) / 2);
    if (prefixSum[mid] >= num) {
      index = mid;
      right = mid - 1;
    } else {
      left = mid + 1;
    }
  }

  // 如果num大于所有前缀和，取最后一个区间
  if (index === -1) index = prefixSum.length - 1;
 
  return {
    num: prefixSum[index] - num,
    index,
  };
}

let computerM_M = (a, b, c) => {
  const results = [];

  // 外层循环控制结果数组的数量（共5个结果数组）
  for (let i = 0; i < a.length; i++) {
    const currentResult = [];
    // 内层循环控制每个结果数组的长度（5-i个元素）
    for (let j = 0; j < a.length - i; j++) {
      // 计算当前元素的值
      const value = a[j] * (b[j] - c[c.length - 1 - i]);
      currentResult.push(value);
    }
    results.push(currentResult);
  }

  return results;
};

let computerForSum = (arr) => {
  const arr2 = [];

  for (let i = 0; i < arr.length; i++) {
    let sum = 0;
    for (let j = i + 1; j < arr.length; j++) {
      sum += arr[j]; // 从当前位置累加到末尾
    }
    arr2.push(sum);
  }

  return arr2;
};

let compuerNumONE = () => {
  let arr = ["6度", "7度0.1g", "7度0.15g", "8度0.2g", "8度0.3g", "9度0.4g"];
  let arrData = [0.04, 0.08, 0.12, 0.16, 0.24, 0.32];
  if (Object.keys(localsolidSiloSupportData.value).length > 0) {
    for (let i in arr) {
      if (designDatas.value.seismic_design_intensity === "6") {
        localsolidSiloSupportDataCom.value.damping_adiustment_factor =
          arrData[0];
        return;
      }
      if (
        arr[i].includes(designDatas.value.seismic_design_intensity) &&
        arr[i].includes(designDatas.value.design_basic_seismic_acceleration)
      ) {
        localsolidSiloSupportDataCom.value.damping_adiustment_factor =
          arrData[i];

        return;
      }
    }
  }
};
let computerSupportData = () => {
  compuerNumONE();
  localsolidSiloSupportDataCom.value.ZNTZXS = (
    1 +
    (0.05 - Number(localsolidSiloSupportData.value.damping_ratio)) /
      (0.06 + 1.7 * Number(localsolidSiloSupportData.value.damping_ratio))
  ).toFixed(2);
  if (Number(localsolidSiloSupportDataCom.value.ZNTZXS) < 0.55) {
    localsolidSiloSupportDataCom.value.ZNTZXS = 0.55;
  }

  localsolidSiloSupportDataCom.value.DZYX = (
    Number(localsolidSiloSupportDataCom.value.damping_adiustment_factor) *
    Number(localsolidSiloSupportDataCom.value.ZNTZXS)
  ).toFixed(2);

  localsolidSiloSupportDataCom.value.LCZSP = (
    Number(localsolidSiloSupportData.value.material_property) *
    Number(localsolidSiloSupportDataCom.value.DZYX) *
    Number(totalData_.value.m03_) *
    Number(localsolidSiloSupportData.value.acceleration)
  ).toFixed(2);

  computerSupportTableData();
};

let computerSupportTableData = () => {
  let arrNum = [];
  document.querySelectorAll(".com_w")?.forEach((item, index) => {
    arrNum.push(Number(item.innerText));
  });

  let arr = forInit(arrNum);

  document.querySelectorAll(".com_hi")?.forEach((item, index) => {
    item.innerText = arr[index];
  });

  document.querySelectorAll(".com_6")?.forEach((item, index) => {
    item.innerText =
      Number(document.querySelectorAll(".com_hi")[index].innerText) *
      Number(document.querySelectorAll(".com_mi")[index].innerText);
  });

  let arrNum_Tow = [];
  document.querySelectorAll(".com_6")?.forEach((item, index) => {
    arrNum_Tow.push(Number(item.innerText));
  });

  const sum = arrNum_Tow.reduce((accumulator, currentValue) => {
    return accumulator + currentValue;
  }, 0);

  document.querySelectorAll(".com_7")?.forEach((item, index) => {
    item.innerText = (
      Number(document.querySelectorAll(".com_6")[index].innerText) / sum
    ).toFixed(6);
  });

  document.querySelectorAll(".com_8")?.forEach((item, index) => {
    item.innerText = (
      Number(document.querySelectorAll(".com_7")[index].innerText) *
      Number(localsolidSiloSupportDataCom.value.LCZSP)
    ).toFixed(2);
  });
};

let forInit = (arr) => {
  const arr2 = [];

  for (let i = 0; i < arr.length; i++) {
    let sum = arr[i] / 2; // 当前元素的一半

    let num = 0;
    for (let j = i + 1; j < arr.length; j++) {
      num += arr[j]; // 从当前位置累加到末尾
    }

    arr2.push(num + sum);
  }

  return arr2;
};

// 公式计算
// 筒体
//  mo1计算  参数：直径,壁厚,层板宽度,密度
let SiloShellM01 = (obj) => {
  let { diameter, estimated_thickness, plate_width, density } = obj;
  return (
    3.1416 *
    (diameter / 1000 + estimated_thickness / 1000) *
    (plate_width / 1000) *
    (estimated_thickness / 1000) *
    density
  ).toFixed(2);
};
//  mo2计算  参数：
/**
 * 计算圆筒形料仓每段物料的质量
 * @param {number} obj - 层板宽度
 */
let SiloShellM02 = (obj) => {
  let { plate_width } = obj;
  return ((56.57 * plate_width) / 1000).toFixed(2);
};

//  mo3计算  参数：
let SiloShellM03 = (obj) => {
  let { diameter, material_bulk_density, material_pile_height, lArray } = obj;
  let d = diameter / 1000;
  let a = material_bulk_density;
  let h = material_pile_height / 1000;
  /**
   * 计算圆筒形料仓每段物料的质量
   * @param {number} d - 圆筒直径(米)
   * @param {number} a - 物料密度(千克/立方米)
   * @param {number} h - 物料堆积高度(米)
   * @param {number[]} lArray - 各段高度组成的数组(米)
   * @returns {number[]} 每段物料质量数组(千克)
   */

  function calculateSegmentMasses() {
    // 计算圆筒横截面积
    const radius = d / 2;
    const crossSectionArea = Math.PI * radius * radius;

    let remainingHeight = h;
    const masses = [];

    for (const segmentHeight of lArray) {
      if (remainingHeight <= 0) {
        // 物料已用完，剩余段质量为0
        masses.push(0);
        continue;
      }

      // 当前段中物料的高度
      const materialHeightInSegment = Math.min(segmentHeight, remainingHeight);

      // 计算当前段物料体积和质量
      const volume = crossSectionArea * materialHeightInSegment;
      const mass = volume * a;

      masses.push(mass);
      remainingHeight -= materialHeightInSegment;
    }

    return masses;
  }

  return calculateSegmentMasses();
};

// 锥顶  m0
function calculateResult(density, bigEndRadius, coneTopHalfAngle, thickness) {
  // 计算锥顶高
  const coneTopHeight =
    bigEndRadius / Math.tan(coneTopHalfAngle * (Math.PI / 180));

  // 计算母线长
  const generatrixLength = Math.sqrt(
    Math.pow(bigEndRadius, 2) + Math.pow(coneTopHeight, 2)
  );

  // 计算表面积
  const surfaceArea = Math.PI * bigEndRadius * generatrixLength;
  // 假设厚度为一个固定值，你可以根据实际情况修改

  // 计算最终结果
  return ((surfaceArea * thickness * density) / Math.pow(10, 9)).toFixed(2);
}

//锥顶  m02
function calculateValue(diameter) {
  const PI = Math.PI;
  return (
    ((PI * Math.pow(diameter, 2) * 0.25) / Math.pow(10, 6)) *
    30.5
  ).toFixed(2);
}

// 裙座 m01
function calculateValueM01_Q(diameter, wallThickness, height, density) {
  return (
    (3.1416 *
      (diameter + wallThickness) *
      height *
      wallThickness *
      (density / 1000)) /
    Math.pow(10, 6)
  ).toFixed(2);
}

// 底锥 m01
function calculateConeShellValueM01_Z(
  density,
  thicknesses,
  diameter,
  layerWidths,
  coneAngle
) {
  const PI = Math.PI;
  const segmentResults = [];
  let currentTopDiameter = diameter;

  for (let i = 0; i < layerWidths.length; i++) {
    const layerWidth = layerWidths[i];
    const thickness = thicknesses[i];
    // 计算下底直径
    const bottomDiameter =
      currentTopDiameter -
      2 * layerWidth * Math.tan((coneAngle / 2) * (PI / 180));
    // 计算母线长度
    const generatrixLength = parseFloat(
      Math.sqrt(
        Math.pow((currentTopDiameter - bottomDiameter) / 2, 2) +
          Math.pow(layerWidth, 2)
      ).toFixed(3)
    );
    // 计算锥壳外表面积
    const outerSurfaceArea = parseFloat(
      (
        (((PI * (currentTopDiameter + bottomDiameter)) / 2000) *
          generatrixLength) /
        1000
      ).toFixed(4)
    );
    // 计算当前段的结果
    const currentResult = (outerSurfaceArea * density * thickness) / 10;
    segmentResults.push(parseFloat(currentResult.toFixed(2)));
    // 更新上底直径
    currentTopDiameter = bottomDiameter;
  }

  return segmentResults;
}

function calculateConeShellValueM02(layerWidth) {
  return ((56.5667 * layerWidth) / 1000).toFixed(2);
}

function calculateEachSegment(density, layerWidths, diameter, halfApexAngle) {
  const PI = Math.PI;
  const results = [];
  let currentTopDiameter = diameter;

  for (let i = 0; i < layerWidths.length; i++) {
    const layerWidth = layerWidths[i];
    const bottomDiameter =
      currentTopDiameter -
      2 * layerWidth * Math.tan(halfApexAngle * (PI / 180));
    const volume = parseFloat(
      (
        (PI *
          layerWidth *
          (Math.pow(currentTopDiameter / 2000, 2) +
            Math.pow(bottomDiameter / 2000, 2) +
            (currentTopDiameter / 2000) * (bottomDiameter / 2000))) /
        3000
      ).toFixed(4)
    );
    const mass = density * volume;
    results.push(mass);
    currentTopDiameter = bottomDiameter;
  }

  return results;
}

/**
 * 计算圆锥母线长
 * @param {number} diameter - 底面直径
 * @param {number} halfAngle - 半顶角（角度制）
 * @returns {number} 母线长
 */
function calculateSlantHeight(diameter, halfAngle) {
  const radius = diameter / 2;
  const angleInRadians = (halfAngle * Math.PI) / 180;
  const height = radius / Math.tan(angleInRadians);
  return Math.sqrt(radius ** 2 + height ** 2);
}

/**
 * 计算圆锥表面积
 * @param {number} diameter - 底面直径
 * @param {number} halfAngle - 半顶角（角度制）
 * @returns {number} 表面积
 */
function calculateSurfaceArea(diameter, halfAngle) {
  const slantHeight = calculateSlantHeight(diameter, halfAngle);
  return Math.PI * (diameter / 2) * slantHeight;
}

/**
 * 计算圆锥体积
 * @param {number} diameter - 底面直径
 * @param {number} halfAngle - 半顶角（角度制）
 * @returns {number} 体积
 */
function calculateVolume(diameter, halfAngle) {
  const radius = diameter / 2;
  const angleInRadians = (halfAngle * Math.PI) / 180;
  const height = radius / Math.tan(angleInRadians);
  const crossSectionalArea = Math.PI * radius ** 2;
  return (height * crossSectionalArea) / 3 / 1e9;
}

onUnmounted(() => {
  clearTimeout(timer_A);
  clearTimeout(timer_B);
  clearTimeout(timer_c);
  console.log("离开");
});
</script>

<style scoped lang="scss">
.content_text {
  padding-right: 25px;
  margin-top: 10px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.boder_1 {
  display: flex;
  align-self: center;
  margin-bottom: 15px;
}

.m-header {
  display: flex;
  align-items: center;
}

.m-header .pro-name {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.m-header .el-input {
  width: 300px;
}

.m-header .el-button {
  margin-right: 10px;
}

.system-role-container {
  .system-role-padding {
    .el-table {
      flex: 1;
    }
  }
}

.button_footer {
  display: flex;
  flex-direction: row-reverse;
  width: 100%;
}

.table_content {
  margin-top: 20px;
}

::v-deep(.el-table--large .el-table__cell) {
  padding: 6px 0;
}

.table_box {
  padding: 20px 50px;
}

.button_poastion_flex_iem {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
}

.demo-tabs > .el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

.el-tabs--right .el-tabs__content,
.el-tabs--left .el-tabs__content {
  height: 100%;
}

.backgroun_border {
  // 	::v-deep .el-tabs__header {
  //     margin-top: 39px;
  //   }
}

::v-deep(.el-tabs__item::after) {
  position: absolute;
  content: " ";
  top: 0;
  width: 2px;
  height: 100%;
  background: #eee;
  right: 0;
}

.active {
  color: rgb(24, 144, 255);
}

.icone {
  display: flex;
  align-items: center;
  justify-content: center;
}

::v-deep(.cell) {
  // display: flex;
  // align-items: center;
}

.active {
  color: rgb(24, 144, 255);
}

.icone {
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_button {
  right: 0;
  bottom: 0;

  display: flex;
  align-items: center;
}

.icon_button_add {
  position: relative;

  display: flex;
  align-items: center;
}

.click_choose {
  cursor: pointer;
  margin-right: 10px;
  font-size: 15px;
  padding: 5px 10px;
  color: #666;
}

.click_choose:hover {
  border-radius: 10px;
  transition: 0.3s;
  background: #ececec;
}

.flex_body {
  height: calc(100vh - 156px);
  margin-top: 10px;
  display: flex;
  align-items: flex-start;
}

.left_width_computer {
  width: 20%;
  padding: 5px;
  border-radius: 10px;
  background: white;
  height: 100%;
}

.middle_data_body {
  width: 22%;
  padding: 10px;

  border-radius: 10px;
  background: white;
  height: 100%;
  margin-left: 10px;

  .title {
    text-align: center;
    color: #666;
    font-size: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
  }
}

.form_lls {
  padding-right: 20px;
  max-height: calc(100vh - 460px);
  overflow-y: scroll;
  margin-top: 10px;
  margin-bottom: 10px;
}

::v-deep(.el-form-item--small) {
  margin-bottom: 9px;
}

.posi_btn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 99;
}

.middle_data_body {
  position: relative;
}

.click_choose_no {
  cursor: pointer;
  margin-right: 10px;
  font-size: 15px;
  padding: 5px 10px;
  color: #666;
  border-radius: 10px;
  background: #ececec;
}

.table_spec_for_left_body {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  position: relative;
  border-top: 1px solid #ccc;
  margin-top: 10px;

  .setion_singe {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
  }
}

.middle_data_body_left {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: bolder;
  color: #ccc;
}

.bottom_for {
  height: calc(100vh - 397px);
  overflow-y: scroll;
}

.bottom_forZT {
  height: calc(100vh - 430px);
  overflow-y: scroll;
}

.ab_text {
  position: absolute;
  top: 7%;
  right: 29px;
}

.right_body_side {
  background: white;
  border-radius: 10px;
  margin-left: 10px;
  width: 57%;
  height: 100%;
}

.CAD_VIEW {
  width: 100%;
  height: 50%;
}

.botton_table_side {
  width: 100%;
  height: 50%;
}

.table_spec_for {
  .flex_item {
    display: flex;
    align-items: center;
  }

  display: flex;
  align-items: center;
  justify-content: space-between;

  .table_spec_for_left {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 7px 10px;
    margin-right: 10px;
  }

  .table_spec_for_left:hover {
    background: #f0f0f0;
  }

  .check {
    background: #f0f0f0;
  }
}

.table_spec_for_right {
  margin-right: 30px;
}

::v-deep(.el-dialog__body) {
  padding: 10px !important;
}

.YCAAST2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCAAST3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCAAST5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.62234em;
}

.YCAAST6 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCBst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCBst3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCBst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.13564em;
}

.YCBst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.62234em;
}

.YCBst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCCst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCCst3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCCst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.2em;
}

.YCCst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 0.8em;
}

.YCCst7 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.4em;
}

.YCCst8 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCDst1 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCDst3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCDst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1em;
}

.YCDst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.4em;
}

.YCDst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCEst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCEst3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCEst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1em;
}

.YCEst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.4em;
}

.YCEst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCFst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCFst4 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1em;
}

.YCFst5 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCFst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.4em;
}

.YCFst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCGst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCGst4 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.13564em;
}

.YCGst5 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCGst6 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCHst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCHst4 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.62234em;
}

.YCHst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.13564em;
}

.YCHst6 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCHst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCIst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCIst3 {
  fill: none;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCIst4 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCIst6 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1em;
}

.YCIst7 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.YCABst2 {
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCABst3 {
  fill: #000000;
  stroke: #000000;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCABst4 {
  fill: none;
  stroke: none;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 0.75;
}

.YCABst5 {
  fill: #000000;
  font-family: Microsoft Sans Serif, sans-serif;
  font-size: 1.1em;
}

.YCABst6 {
  fill: none;
  fill-rule: evenodd;
  font-size: 12px;
  overflow: visible;
  stroke-linecap: square;
  stroke-miterlimit: 3;
}

.table_spec_table {
  width: 100%;
  margin-top: 20px;
}

.table_pane {
  width: 100%;
  min-height: 200px;
}

.table_warp {
  display: flex;

  width: 100%;

  .height_32 {
    height: 26px;
  }

  .flex_my {
    display: flex;
    align-items: center;
  }

  .flex_center {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .left_title {
    white-space: pre;
    font-weight: bolder;
  }

  .box_font_left {
    width: 34%;
  }

  .box_font_right {
    width: 66%;
  }

  .font_size_small {
    font-size: 12px;
  }

  .row {
    padding-left: 10px;
    border-bottom: 1px solid #999;
  }

  .box1 {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .font_weight {
    font-weight: bolder;
    font-size: 17px;
  }

  .border_left {
    border-left: 1px solid #999;
  }

  .border_top {
    border-top: 1px solid #999;
  }

  .border_right {
    border-right: 1px solid #999;
  }

  .border_bottom {
    border-bottom: 1px solid #999;
  }

  .left_table {
    width: 100%;
    border: 3px solid rgb(13, 88, 173);
    border-left: 3px solid rgb(13, 88, 173);
    border-bottom: 3px solid rgb(13, 88, 173);

    border-top: 3px solid rgb(13, 88, 173);
  }

  .height_100_width_65 {
    height: 94%;
    width: 100%;
  }

  .width_50 {
    width: 50%;
  }

  .width_10 {
    width: 10%;
  }

  .flex {
    display: flex;
  }

  .width_22 {
    width: 22.5%;
  }

  .width_20 {
    width: 18.9%;
  }

  .width_90 {
    width: 90%;
  }

  .width_30 {
    width: 30%;
  }

  .width_100 {
    width: 100%;
  }

  .rl {
    writing-mode: vertical-rl;
  }

  .height_100 {
    height: 100%;
  }

  .right_table {
    width: 58%;
    border: 1px solid rgb(13, 88, 173);
    border-right: 3px solid rgb(13, 88, 173);
    border-bottom: 3px solid rgb(13, 88, 173);

    border-top: 3px solid rgb(13, 88, 173);
  }

  .all_table {
    border: 1px solid rgb(13, 88, 173);
    border-right: 3px solid rgb(13, 88, 173);
    border-bottom: 3px solid rgb(13, 88, 173);
    border-left: 3px solid rgb(13, 88, 173);
    border-top: 3px solid rgb(13, 88, 173);
    width: 100%;
  }

  .over_y {
    overflow-y: scroll;
  }

  .no_left_padding {
    padding-left: 0;
  }

  .padding_left_10 {
    padding-left: 10px;
  }

  .width_25 {
    width: 25.5%;
  }

  .width_my_1 {
    width: 38%;
  }

  .width_1 {
    width: 6%;
  }

  .width_2 {
    width: 8%;
  }

  .width_3 {
    width: 8%;
  }

  .width_4 {
    width: 8%;
  }

  .width_5 {
    width: 25%;
  }

  .width_6 {
    width: 8%;
  }

  .width_7 {
    width: 13%;
  }

  .width_8 {
    width: 24%;
  }

  .width_my_1_1 {
    width: 20%;
  }

  .width_my_1_2 {
    width: 80%;
  }

  .color_gray {
    background: #eee;
  }

  .width_1_1 {
    width: 7%;
  }
  .width_1_1_m {
    width: 80px;
  }
  .width_2_2_m {
    width: 80px;
  }

  .width_3_3___m {
    width: 70px;
  }
  .width_2_2 {
    width: 11%;
  }

  .width_3_3 {
    width: 8%;
  }

  .width_4_4 {
    width: 9%;
  }

  .width_6_6 {
    width: 9%;
  }

  .width_7_7 {
    width: 10%;
  }

  .width_8_8 {
    width: 12%;
  }

  .width_9_9 {
    width: 11%;
  }

  .width_10_10 {
    width: 11%;
  }

  .width_11_11 {
    width: 15%;
  }
  .width_1_1_ {
    width: 11%;
  }

  .width_4_4_ {
    width: 17%;
  }
  .width_31_31 {
    width: 15%;
  }

  .width_7_7_ {
    width: 16%;
  }

  .width_2_2_ {
    width: 9%;
  }
  .width_3_3_ {
    width: 11%;
  }

  .border_bottom_2 {
    position: relative;
    border-bottom: 2px solid #666;
  }

  .position_abb {
    position: absolute;
    top: 0;
    right: 0;
    top: 50%;
    left: 7%;
    transform: translateY(-50%);
    height: 100%;
    width: 11%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #666;
  }

  .position_abb3 {
    position: absolute;
    top: 0;
    right: 0;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    height: 100%;
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #666;
  }

  .position_abb2 {
    position: absolute;
    top: 0;
    right: 0;
    top: 50%;
    left: 11%;
    transform: translateY(-50%);
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #666;
  }
}

.text_outside {
  padding: 5px 0px;
  display: flex;
  font-weight: 800;
  align-items: center;

  .title_font {
    font-size: 14px;
    font-weight: 800;
  }

  .title_font_small {
    font-size: 14px;
    margin-left: 15px;
  }
}
.content_body_s {
  overflow-x: scroll;
}
.flex_ss {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
}
</style>
